2019 Repositories
JavaScript css-to-react Libraries
created mac OS desktop with HTML, CSS, JS 😀
Hello World 👋 I am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😀 Mac Os Monterey Try it now! : https://mhmdmhd6.github.io/Mac
Simple date and time picker in vanilla javascript
simplepicker Simple datetime picker in vanilla javascript. This project is mostly based on material-datetime-picker, but without it relying on externa
A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
🌍 typesafe-i18n A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects. Advantages 🐤 lightwe
Nextjs-components: A collection of React components
nextjs-components A collection of React components, transcribed from https://vercel.com/design. 1 Motivation Blog post from 01/09/2022 Todo's Unit tes
Share all your links with just one link 3
Sharing links was never this easy and beautiful Share all your profile links in just one link See the LIVE DEMO DEMO: Completely responsive and beauti
A React hook to fetch ENS records from a domain.
use-ens A React hook to fetch ENS records from a domain. Install pnpm i use-ens Example import React, { useEffect } from 'react' import { useWeb3React
A minimal e-commerce store using Gatsby, SANITY, Stripe, Use-Shopping-Cart and Netlify
🏪 Gatsby Starter Stripemart Like a supermarket but for Stripe. No ongoing monthly costs. Perfect for artists, creators and independent builders doing
A complete habits manager, where you can track your progress and complete each daily activity in an organized way.
TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control
Multer-Cloudinary-MERN-image-video-pdf-upload
MERN Image,Video and PDF Upload using multer and Cloudinary Many times while building full stack application,we need to upload images, videos and pdf
React-typescript-boilerplate setup🌐🚀
A react-typescript boilerplate including prettier eslint lint-staged husky Docs TypeScript is a strongly typed programming language that builds on Jav
A browserify plugin to load CSS Modules
css-modulesify A browserify plugin to load CSS Modules. Please note that this is still highly experimental. Why CSS Modules? Normally you need to use
CSS selectors complexity and performance analyzer
analyze-css CSS selectors complexity and performance analyzer. analyze-css is built as a set of rules bound to events fired by CSS parser. Each rule c
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
CSS for clean and fast web apps
Topcoat CSS for clean and fast web apps Usage Download Topcoat Open demo/index.html to view the usage guides. Copy your desired theme CSS from the css
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo
Fries helps you prototype Android apps using HTML, CSS, and JavaScript.
Fries v2.0.5 Fries is an awesome mobile UI framework for Android apps using just HTML, CSS, and Javascript and is inspired by Ratchet. NOTE: Unfortuna
The front-end CSS framework for building experiences for Office and Microsoft 365.
Office UI Fabric Core The front-end framework for building experiences for Office and Office 365. Fabric is a responsive, mobile-first collection of s
A starter CSS framework that actually looks good.
Mustard UI Mustard is a starter CSS framework that actually looks good. Getting Started Mustard UI is currently in release v1.0. Try it out today and
An enterprise-class UI design language and React UI library
Ant Design An enterprise-class UI design language and React UI library. English | Português | 简体中文 | Українською | Spanish | 日本語 ✨ Features 🌈 Enterpr
Essential UI blocks for building mobile web apps.
Ant Design Mobile Essential UI blocks for building mobile web apps. English Doc · 中文文档 · Discord · 钉钉 $ npm install --save antd-mobile # or $ yarn add
Mobile UI Components, based on Vue.js and ionic CSS
Mobile UI Components, based on Vue.js and ionic CSS
A Foundation for Scalable Cross-Platform Apps
Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh. Install Clone the repo and install dependencies: git cl
A set of common UI Components using the power of CSS and without Javascript
A set of common UI Components using the power of CSS and without Javascript
The CSS design system that powers GitHub
Primer CSS The CSS implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/css. You'll be able to f
A lightweight, scalable, mobile-first CSS framework
Mobi.css A lightweight, scalable, mobile-first CSS framework Homepage Features Lightweight The default bundle of Mobi.css provides the basic styles to
:iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites
Responsive Boilerplate A powerful, accessible, developer friendly, framework for building responsive websites Responsive Boilerplate is the developers
🎹 Memorize piano scales with ease! A music practice program w/ MIDI support. Consider it an interactive reference manual
Piano Trainer Learn to play the piano at your own pace through various modes of practice. Watch the video Features MIDI compatible Home row keyboard i
WalkThru is a better way of explaining code on the web.
WalkThru WalkThru is a better way of explaining code on the web. Check out the live demo to see how it works. See the live demo source code if you wan
Author styles collocated in JS, pull them out into static CSS on build. No runtime dependency.
Author styles collocated in JS, pull them out into static CSS on build. No runtime dependency. the big idea: I like to author styles collocated with c
A hub for web developers that offers a variety of tools to help with any developing needs.
WebDevHub - A place for developers WebDevHub is designed to be one central place for developers, that offers a variety of tools to help with any devel
Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.
css-browser-support Query for CSS browser support data, combined from caniuse and MDN, including version support started and global support percentage
A PostCSS plugin that transforms `css var` to `less var`.
PostCSS CSS var to Less var A PostCSS plugin to convert CSS variables to Less variables Installation npm install postcss-transform-css-var Examples /
The fastest and tiniest utility for conditionally joining classNames.
classix The fastest and tiniest utility for conditionally joining classNames. Installation npm install classix Usage Use any amount of string expressi
Set up a modern web app with clean architecture by running one command.
Clean React App Create React apps using Clean Architecture with no build configuration. User Guide – How to develop apps bootstrapped with Clean React
OrganiCSS is a collection of mixins for writing logical CSS in different pre-processors and libraries.
OrganiCSS is a collection of mixins and functions to support writing progressively-enhanced logical CSS in many different flavors. Getting Started To
Simple and intuitive API Client made into a VSCode extension 😊
REST API Client Simple and intuitive API Client made into a VSCode extension. Visual Studio Marketplace • Repository • Releases Visual Studio Code ext
Jetcap is a free online REST API that you can use whenever you need some fake data ✨
Jetcap Jetcap is a simple fake REST API for testing and prototyping. When to use ✨ Jetcap is a free online REST API that you can use whenever you need
This project is designed to store all the daily tasks that need to be done and their status (completed or not), build by JavaScript.
Portfolio In this project I built the Do list project. Built With Major languages: HTML , CSS , javascript Live Demo (if available) Live Demo Link Get
A web app which help you to save your daily tasks, mark them as completed and edit and delete them. Built with JavaScript
To-Do List A simple to-do list to help you organize your daily tasks. Built With HTML. CSS. JavaScript: ES6, Modules, Classes, Arrow Functions, Events
Todo List is a simple web-based application that gives users the ability to organize their work and life daily tasks. Built with JavaScript, HTML/CSS.
Javascript Project Todo List Using Javascript to create a simple Todo List project. Populating the todo list and then removing from the list. Built Wi
Interactive To Do List, draggable tasks, optimized for desktop and mobile screen sizes. It reserves data in local storage. Built with HTML, CSS, and JavaScript.
To Do List Interactive daily To-Do List Built With Major languages: html, css, javascript Frameworks: Technologies used: Webpack Live Demo Live Demo L
This is an app that displays a list of books, allow users add a book and remove a selected book.
BookStore This is an app that displays a list of books, allow users add a book and remove a selected book. Built With HTML CSS -React -Redux -JavaScri
Awesome Books project with ES6 is an application that was built using Vanilla JavaScript with ES6 features like using arrow functions. This application allows you to keep records of your favorite books.
Javascript Project Awesome Books with ES6 Using Javascript to create a simple Awesome Books project. Populating the books list and then removing one b
Deta Base UI - A place with more functionality for managing your Deta Base(s).
Deta Base UI - A place with more functionality for managing your Deta Base(s). ✨ Features: Total rows count Quick multi select (click and shift) Searc
To Do list app. Very useful to keep track of daily activities. Made with ❤️, JavaScript and bundle with Webpack
To Do List ⚙️ This is a To Do list App to practice Javascript and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTML & CSS best practice
This project is created to store the name of the book and the name of its author, build with JavaScript.
awesome-books A plain javascript project that can keep track of a list of books utilizing localStorage. See live demo Built With HTML CSS Javascript T
This project was developed to show the leaderboards of races in OpenFusion which is an open source revival project of the beloved CN FusionFall.
Getting Started with DexLabs Leaderboards This project was developed to show the leaderboards of races in OpenFusion which is an open source revival p
Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.
Gatsby minimal TypeScript starter 🚀 Quick start Create a Gatsby site. Use the Gatsby CLI to create a new site, specifying the minimal TypeScript star
A to-do list set up using webpack. It allows the user to add, remove, edit and check items on the list. All the data is saved in local storage.
Project Name: Webpack-Project: To-Do-List Description of the project: A simple to-do-list app created using webpack. Built With Major languages: HTML
Awesome book with ES6, this project is build using HTML,CSS, JavaScript ES6 the project allows you to add books and save them with the author , for another time checks
Project Name Awsome books Description the project. adding books daynamiclly Built With Major languages Frameworks Technologies used Live Demo (if avai
To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript
Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save
Create a new project with Next.js, TypeScript, Eslint, Prettier in just 1 second and you don't need to setup anything.
Next + TypeScript + Eslint + Prettier Template 🔥 Create a new project with Next.js, TypeScript, Eslint, Prettier in just 1 second and you don't need
Lightweight basic CSS style sheets.
Styled CSS Base Lightweight basic CSS style sheets. If you get tired of setting up a comprehensive styling scaffold, you may try returning back to thi
💨 Soothing pastel theme for Tailwind CSS
Catppuccin for TailwindCSS Preview You can check out one of our deployed examples here! Usage Install the plugin $ npm install -D @catppuccin/tailwind
A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most.
A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most. helpkb is an open-source Next.js (A
This is a minimal Next-Js boilerplate for TypeScript and Tailwind.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Notitap - Notion like editor built on top of tiptap.
notitap Notion like editor built on top of Tiptap. Discord - sereneinserenade#4869 A ⭐️ to the repo if you 👍 / ❤️ what I'm doing would be much apprec
Find a local sports match that fits your skill level. Built with NextJS and AWS.
MatchUp MatchUp Find local sport matches Beta walkthrough About The Project Looking for a fun and easy way to meet up and play sports with locals in y
🛠️ A simple GUI of Ethereum tools and utilities for debugging
Ethereum DevTools GUI A simple GUI of Ethereum tools and utilities for debugging Demo https://lab.miguelmota.com/ethereum-devtools Tools ABI viewer sh
🏆Open source, free project management/issue tracking software to manage your work and projects
WorkClever 🏆 Open source, free project management/issue tracking software to manage your work and projects Features General Free to use, open source
An app to keep track of a list of books.
awesome-books-es6 A plain javascript project that can keep track of a list of books utilizing localStorage. The project utilizes MVC architecture. Bui
A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.
To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl
A web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.
Space Travelers' Hub A web application for a company that provides commercial and scientific space travel services. The application allows users to bo
🚀👩🚀This repo contains all the files to follow along and implement a MultiChain NFT MarketPlace! Be sure to watch my Youtube tutorials so you can learn and follow along!
Multi-Chain NFT Marketplace 🚀 👩🚀 This repo contains all the files to follow along and implement a MultiChain NFT MarketPlace! Be sure to watch my
Covid-19 Tracker is a mobile web application showcasing the covid-19 statistics in Africa.
Covid-19 Tracker is a mobile web application showcasing the covid-19 statistics in Africa. when the user clicks on the countries' cards, they will be rendered to the details page that contains more information about the covid-19 in the selected country. Also, the user can search for a specific country using the search bar.
Math Magicians is a website for all fans of mathematics.
"Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.
This is the Microverse Leaderboard project that uses gitflow and features html, CSS, Javascript, ES 6 modules and Webpack
Leaderboard project This is the Microverse Leaderboard project using Gitflow, html + css + modular javascript, ES6 syntax, and Webpack. Built With Htm
OpenMaze landing page front-end
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A JavaScript library to apply light-dark theme in web pages with the help of css variables
Theme Changer The simplest JavaScript library to apply light - dark theme in your website. First Check Out One Example How to use Files index.html sty
Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!
three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type
Single function to create, manage, compose variants, for any CSS-in-JS libraries.
Build-variants Single function to create, manage, compose variants, for any CSS-in-JS libraries. Motivation Before diving into the implementation deta
Clone of a To-Do List app I like.
📃 ️Dona Clone This project is a clone of Dona, which is a To-Do List application focused on design. I've always liked their design and decided to rec
DALLE 2 on Next.js
DALLE 2 App (Next.js) Create realistic images and art from a description in natural language Requirement You need to be invited and can access https:/
My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind
kenaqshal.com Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel CMS: Sanity Styling: Tailwind CSS Ov
A web app to create tasks.
Tarefa A web app to create tasks. Explore the docs » View Demo · Report Bug · Request Feature Table of Contents About The Project Project Group Commun
A typography stylesheet for readable content
yue.css yue.css is a typography stylesheet for readable content. It was created for my blog at first since I always designed a new theme for my blog.
Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)
Mobiscroll What is Mobiscroll? Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability
React carousel component
react-slick Carousel component built with React. It is a react port of slick carousel Documentation Installation npm npm install react-slick --save ya
CSS library for Instagram filters
CSSgram CSSGram is an Instagram filter library written in Sass and CSS. What is This? Simply put, CSSgram is a library for editing your images with In
Instagram.css - Complete set of Instagram filters in pure CSS
Instagram.css Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to t
Cropperjs as React component
react-cropper Cropperjs as React component Demo Click for a Demo Docs Cropperjs Installation Install via npm npm install --save react-cropper You need
A responsive image cropping tool for React
This documentation refers to v10. Go to 9.1.1 tag for v9 docs. React Image Crop An image cropping tool for React with no dependencies. CodeSanbox Demo
Generates an image from a DOM node using HTML5 canvas
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
jQuery CSS Customizable Scrollbar
jQuery Scrollbar Cross-browser CSS customizable scrollbar with advanced features: Easy to implement No fixed height or width Responsive design support
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
The iconic SVG, font, and CSS toolkit
Version 6 Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Documentation Lear
A curated collection of all country flags in SVG — plus the CSS for easier integration
flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w
Reveal CSS animation as you scroll down a page
WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set
CSS classes to move your DOM!
CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak
CSS3 Animations with special effects
🎩 magic CSS3 Animations with special effects. (→ 3.1 kB gzip) Demo Checkout the demo for the animations here Table of Contents Installation Getting S
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
Intro iHover is a collection of hover effects using pure CSS, inspired by this codrops article, powered by Sass. Demo: https://gudh.github.io/ihover/d
To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.
Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u
☀️ A beautifully weather app. Midudev June 2022 Hackathon.
A beautifully weather app midudev Hackathon - June 2022 📦 Packages: ⚡️ Vitejs - Next generation frontend tooling. ☁️ Vitejs PWA - Zero-config PWA Fra
Web app for adding your daily tasks in todo list
Web app for adding your daily tasks in todo list. You can check task when your task is finished and it will be mark as finsih. Also you can delete and change description of tasks.
The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
Awesome-Books-ES6 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.