1472 Repositories
JavaScript react-components Libraries
A little practice dapp for ethereum smart contract development.
Basic Sample Hardhat Project This project demonstrates a basic Hardhat use case. It comes with a sample contract, a test for that contract, a sample s
MacOS launcher & command palette
About If you ever liked tools like Raycast and Alfred, but wanted to own them and tweak them yourself, then SOL is the tool for you. All the affordanc
๐ช React hook for subscribing to user's color scheme preference.
use-prefers-color-scheme React hook for subscribing to user's color scheme preference. ๐ Getting Started ๐ Jump Start npm install @anatoliygatt/use-
Lenster is a decentralized, and permissionless social media app built with Lens Protocol ๐ฟ
Lenster Decentralized, and permissionless social media app ๐ฟ lenster.xyz ยป Discord โข Issues ๐ฟ About Lenster Lenster is a decentralized, and permissi
Debug your Jest tests. Effortlessly.๐ ๐ผ
Jest Preview Debug your Jest tests. Effortlessly. ๐ ๐ผ Try Jest Preview Online. No downloads needed! Why jest-preview When writing tests using Jest,
SUID is all a set of utils and components ported from MUI Core and much more.
Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a
This project demonstrates single transaction and batch transaction use case
Batch Transaction Fullstack ( Localhost:8545 ) This project demonstrates single transaction and batch transaction use case. It comes with a transactio
Brail is a framework built on NextJS for developing email templates in React, and returning HTML that is compatible with major email clients.
Brail is a framework built on NextJS for developing email templates in React, and returning HTML that is compatible with major email clients. It aims to seperate the concerns of generating the emails and delivering them.
Example implementation of having Google-Docs like comments
lexical-comments Example implementation of having Google-Docs like comments in https://lexical.dev . Main ingredient that makes this possible is Comme
๐ Transition number values using easing functions
react-transition-value Transition / Animate number values using easing functions See Demos โก๏ธ Getting started npm i react-transition-value import {
You shouldn't start a wonderful app from scratch every time.
React App Starter You shouldn't start a wonderful app from scratch every time. ~ TJ Features: Out of box API mocking. Out of box Authentication. Beaut
Write and read comments on every page with a simple plug-in for your browser
Licom - comments on every webpage Licom is a simple plugin for your browser that adds the feature to leave comments on every page, even if it doesn't
CSS Generator has a lot of tools ๐ ๐ ๐
Css Generator ๐ Packages used in Project : React Router Dom Framer Motion react-color react-icons react-awesome-button Preview Tools ๐จ Background to
๐ Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all โ including browsers?
You should focus the logics of your app, not DnD.
Welcome to @thaddeusjiang/react-sortable-list ๐ You should focus the logics of your app, not DnD. ๐ Homepage โจ Demo Features Easy Drag & Drop sort i
Fusion of Twitter and Discord and getting a single product as a outcome.
TWTCORD Connect your cords through TWTCORD What is TWTCORD? TWTCORD is derived from the combination of twitter and discord. It is basically the fusion
SafeView allows you to hide senstive information in your app visually.
SafeView SafeView is a component that allows you to hide sensitive information in your app visually, for presentation purposes, and more. Installation
๐ฆ Defi Bank is a dapp created for ethereum 101 course of cadena.dev
Welcome to DefiBank ๐ Defi Bank is a dapp created for ethereum 101 course of cadena.dev โจ Demo Install npm install Usage npm run dev Tech NextJS Reac
JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.
JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.
JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. ๐
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
A collection of framework specific Auth utilities for working with Supabase.
A collection of framework specific Auth utilities for working with Supabase.
Electron integration for Remix โ๐ฟ
remix-electron Electron integration for Remix Setup Use degit to create a new project from the template. npx degit itsMapleLeaf/remix-electron/templat
Simple Quran Player ๐ , listen to the Holy Quran online
Quraan Player React Native Description this is a app that you can listen to the Holy Quran online you can play the audio out side the app and on lock
Recipe websites have too much clutter, this scrapes *just* the recipe
Only The Recipe Most recipes websites have videos and ads flying everywhere, on top of walls of text describing the recipe's backstory. This is an eas
Qovery Web Console ๐
Qovery console Quick start yarn // start project yarn start // start storybook yarn run storybook Generate an application Run nx g @nrwl/react:app my-
Import flow for Excel (.xlsx) and CSV file with automated column matching and validation.
RSI react-spreadsheet-import โก๏ธ A component used for importing XLS / XLSX / CSV documents built with Chakra UI. Import flow combines: ๐ฅ Uploader โ๏ธ P
โก Pcode lets you create and share beautiful images ๐ of your source code ๐
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
This is a tic-tac-toe game but differs from most others as it carries the option of playing against an AI (COM) or against a friend.
TIC-TAC-TOE This is a simple tic-tac-toe game with the exception of playing against an algorithm or against a friend. At the very start, you have to s
Challenge de Mercado Libre en el cual se maqueta su seccion de detalles de un producto.
Result MercadoLibre challenge Debemos crear un clon de la pรกgina de detalle de producto de Mercado Libre. API Podรฉs encontrar los mocks necesarios par
"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.
Math-Magicians This project was bootstrapped with Create React App. "Math magicians" is a website for all fans of mathematics. You can Make simple cal
Konbini Otaku, Web E-Commerce del proyecto Estaciรณn Otaku, desarrollada con Next.js y desplegada con Vercel
Konbini Otaku ๐ฌ ๐ โฉ๏ธ ๐ - Reto Final (parte 2) Este proyecto constรณ de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrรกs adqu
An awesome tool to make Images and GIFs of your code!
Recoded An awesome tool to make Images and GIFs of your code! View Demo ยท Report Bug ยท Request Feature About The Project There are plenty of Apps like
A curated collection of resources for learning to build Progressive Web Apps ๐ช
PWA Resources A curated collection of resources for learning to build Progressive Web Apps ๐ช Curated and maintained with โฅ by the folks at Shareup. W
This repo conatain all the template of Dev.UI
Dev.Ui Templates This repo conatain all the template of Dev.Ui ๐ Development Clone the repository git clone https://github.com/kumard3/dev-ui-templat
Animene - A platform for anime lovers
Animene A platform for anime lovers Live demo website: animene.vercel.app Technologies used React Material UI SCSS Modules, clsx Axios, GraphQL Redux,
โก A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
Rocketmeme A multipurpose meme marketplace and editor for creating and downloading memes. View meme collection, browse different meme categories, like
Thin Backend is a Blazing Fast, Universal Web App Backend for Making Realtime Single Page Apps
Website | Documentation About Thin Thin Backend is a blazing fast, universal web app backend for making realtime single page apps. Instead of manually
A framework for NodeJS deveopers bringing dreams to reality!
ELIXOR A framework for NodeJS enthusiasts! What does it do? Short Answer Elixor is a framework for NodeJS developers that lets you build cross-platfor
This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.
Math magicians app This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quo
Stays: book accommodation on-chain, pay in crypto, and help local communities
Stays: on-chain bookings Installation Make sure you have node and nvm installed: nvm use v16 npm install -g yarn npm install -g lerna yarn install ler
๐ A view component for React Native with pinch to zoom and drag to pan functionality.
react-native-pan-pinch-view A view component for React Native with pinch to zoom and drag to pan functionality. ๐ Introduction Even though the demo s
Setup all the linters you like for your react app in 1 minute ๐
Create React Linters ๐ Setup all the linters you like and don't let ๐ฉ slip into your code base! Eslint | Stylelint | Commitlint | Prettier | EditorC
๐ useClipboardApi() is a React Hook that consumes Web Clipboard API.
๐ use-clipboard-api useClipboardApi() is a React Hook that consumes Web Clipboard API. Table of Contents Motivation Usage Contributing Bugs and Suges
๐ฆธโโ๏ธ A super template for Next.js with a pack of incredible tools
Next-Plate ๐ฆธโโ๏ธ A super template for Next.js with a pack of incredible tools ๐ Translations ๐ Demo โ Deploy your own copy of this template in just
โจ The official website of Reponse.
๐ฆ Reponse.app The official website of Reponse! This project is completely open source. So you can use it wherever you want โ*: .๏ฝก. o(โงโฝโฆ)o .๏ฝก.:*โ โจ G
โค๏ธ A heart-shaped toggle switch component for React.
heart-switch A heart-shaped toggle switch component for React. Inspired by Tore Bernhoft's I heart toggle Dribbble shot. ๐ Table of Contents ๐ Getti
๐ โA ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, Prettier, GitHub Action releases and more.
Electron App ๐ โA ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, P
A virtual traning coach.
fitzome A virtual coach to do - Refactor code (Flat list ones) - Allow users to update their workouts - Add remote config Writing and formatting synt
FingerprintJS Pro Wrapper for React Single Page Applications (SPA)
FingerprintJS Pro React FingerprintJS Pro React is an easy-to-use React library for FingerprintJS Pro. This package works with FingerprintJS Pro, it i
Get Your Weather Details Now.
Weatherly React WebApp to Get Your Weather Now Local Installation : Clone the repository: git clone https://github.com/PrajjwalDatir/Weatherly.git cd
Basic React Project with React Router, ContextAPI and Login
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
NiftyKit's Web Components Collection
NiftyKit Web Components NiftyKit's Web Components Collection Installation Install via npm npm install @niftykit/components Import via CDN script type
ChatBox is a WhatsApp Bussiness Clone that built with React Native & Expo
chatbox (...ongoing) ChatBox is a WhatsApp Business Clone built with React Native & Expo. UI (DARK MODE) UI (LIGHT MODE) Tech Stack used: FRONTEND Rea
A mobile app for playing music on Resonate, an open source music streaming co-op.
stream2own Play fair. Website | Twitter | Contributing | Developer Guide ๐ต Resonate Stream App A mobile app for playing music on Resonate, an open so
React components for the Infima styling framework.
React Infima React Infima provides React components for the Infima styling framework. It doesn't add any new features to Infima, it just ports the com
Escreva suas ideias e compartilhe com o mundo. Totalmente grรกtis, fรกcil e sem limites.
๐ AweNotes Um site de notas simples, minimalista e fรกcil onde vocรช pode criar, modificar e compartilhar notas com qualquer pessoas, a qualquer hora ?
A modern study React component of leaflet draw for react-leaflet
React Leaflet Draft A modern study React component of leaflet draw for react-leaflet React component of leaflet-draw for react-leaflet Table of conten
Terminal Styled Portfolio Website ห( ยฐ โฝใยฐ ) , a terminal style/styled portfolio website made with 3 using react.
AshTerm A Terminal Styled Portfolio Website. ๐ฑโ๐ป Made Using- โ Framework ReactJS ๐ป Terminal react-console-emulator ๐ Deployed using CloudFlare Run
This is food delivery app i.e, Zomato ( React Native + Django )
Food-Delivery-App ( React Native + Django ) Changes you have to made to backend. In backend edit PaymentViews.py file and write your own Paytm MERCHAN
Simple, fast, accessible accordion library with no dependency
React Fast Accordion โก๏ธ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
The quickest way to format code!
Only Formats The quickest way to format code! โจ The live Instance Tech Stack Next.js with TypeScript Chakra UI Prettier to format code Monaco editor f
๐ Text Input Component for validating and formatting international phone numbers.
React Native Intl Phone Field Try the Expo Snack ๐ ๐น๏ธ Demo It's a javascript-only (no native code) component that can run in iOS, Android, Expo & Re
Simple but super overengineered wake-on-lan web app.
webwol An absolutely overengineered web application for waking up network devices via wake on lan. Demo Untitled.mp4 Setup You might want to deploy th
Render URL links for Web & Twitter previews
expo-link-preview Render URL links for Web & Twitter previews Built with react-native using expo. Installation # yarn yarn add expo-link-preview # np
Adds a handy $parent magic property to your Alpine components.
โจ Help support the maintenance of this package by sponsoring me. Alpine $parent Access parent components using a handy $parent magic variable. This pa
๐ผ๏ธ Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component.
Next.js Image Proxy Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component. โ Motivation This library makes it poss
template with nextts, eslint&prettier, husky&lint-staged, tailwindcss&styled-components
Setup npm i Use VSCode, make sure the recommended eslint and prettier plugins are installed. Automatic linting should occur when you save! npx husky i
Monks and Mages is a TCG-game built on React and socket.io
Monks and Mages Monks and Mages is a trading card-style game inspired by Heroes of Might and Magic / Magic the Gathering. The gameplay is similar to M
๐ป My personal page to show my skills
What is inside? ReactJS TypeScript Styled Components Jest React Testing Library Eslint Prettier Husky Getting Started Install dependencies: yarn or np
Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement.
useAsyncQuery Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement. Usage
Check your device when you have anything to change on your PC or mobile.
opgg-use-device-detector Check your device when you have anything to change on your PC or mobile. โค๏ธ it? โญ๏ธ it on GitHub opgg-use-device-detector basi
Developer Dao FM is where you can chill and listen to Lofi music while building cool stuff!
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://
Next-JS interface for ๐ค Open-AI based ๐ท spider-man conversation simulator โก๏ธ
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://
This is an email scheduler made using MERN stack. This repo contains client, server side is linked in readme
Email Scheduler Client This is an email scheduler client (server in different repository). It is made using react. Overview User can sign-up/sign-in,
NextJS BoilerPlate for Alpha version(Next.js + Styled Components + Customization + Theme)
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://
This is email scheduler made using MERN. This repo contains server code, client repo is linked in readme.
Email Scheduler Client This is an email scheduler server (client in different repository). It is made using node.js/express.js. Overview User can sign
Foot Locker is an online store specialized in selling shoes of all kinds, where you can find all the shoes you want
Foot Locker Links ๐ Heroku link Adobe XD link Description Foot Locker is an online store specialized in selling shoes of all kinds, where you can fin
Handle and dispatch transition states from anywhere in the application.
Transitions manager Transitions manager allows to handle and dispatch transition states from anywhere in the application. Installation npm i @cher-ami
Connect With People ๐
About Project This is open-source web chatting app, you can there Create account Create private rooms Join in global chat kick users ban users chat wi
๐ Create soothing focus mixes
Groovi ๐ Create soothing concentration mixes Branding/Design Board ยท Demo ๐ Quickstart Run the website locally git clone https://github.com/harshhhd
Wen? Now! A library to simplify your Web3 data fetching.
Wen Connect? Now! Minimalistic library for Web3 user interfaces. Seamless connection flows to Metamask. Stateless sessions that work anywhere (client,
Safari-like start page
Safari-like Start Page Safari-like Start Page - Online Preview Installation clone this repo # Clone the repo # Using HTTPS git clone https://github.c
๐ Unlimited free google translate component & hook
React Native Translator Preview Introduce Free translate component & hook Never need api key, This library is Unlimited free Support translators Googl
๐ Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode ๐ toggle. so you can initially adhere to your users' preferences according to pr
A zero-config toolkit for creating fine Forge apps
A zero-config toolkit for creating fine Forge apps. Background The Forge Dev Kit (FDK) is a preconfigured set of libraries and frameworks for developi
Admin UI Template is a modern, responsive, and customizable admin UI template for your business.
Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
Scratch Incubator hosts a number of interesting, open-source, and arguably useful experiments and tools.
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://
Official website for the Open source community of DCRUST written in NextJS.
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://
Mini Social Media App with a liitle bit of facebook components (Still Developing)
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 code snippet box.
TinyCodes ไธไธชๆ็จๅ็พ่ง็ไปฃ็ ็ฎก็่ฝฏไปถ ็น่ฒ๏ผ ๆฏๆ 60+่ฏญ่จ้ซไบฎ ็พ่ง็็้ข ๆฐๆฎๅฎๅ จ็ฆป็บฟ WebDav ๅๆญฅ๏ผๅผๅไธญ๏ผ ๅฎ่ฃ ๆไปฌๆไพไบ็ผ่ฏๅฅฝ็็ๆฌ๏ผๅจRelease้กต้ขไธ่ฝฝใ MacOS MacOS ๆฒกๆ่ฟ่กไปปไฝๆต่ฏ๏ผไธไฟ่ฏๅ ถๅฏ็จๆงใๅ ไธบ็ฎๅๆฒกๆๅจ MacOS ไธ่ฟ่ก่ฟใ ้ๅธธๆฌข่ฟ
Storybook add-on to enable SWC builds.
storybook-addon-swc Storybook addon that improves build time by building with swc. ๐ Examples webpack4 webpack5 ๐ Installation $ npm install -D stor
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon
Updog is an open-source social media webapp intended to allow everyday people to share their thoughts in a welcoming community.
SE701-Updog Updog is an open-source social media webapp intended to allow everyday people to share their thoughts in a welcoming community. This proje
The fastest way to get started with a fully-fledged web3 frontend
create-web3-frontend The fastest way to get started with a fully-fledged web3 frontend setup consisting of Next.js, wagmi and Tailwind CSS. npx create
Open source API for the awesome Elden Ring game :)
Elden Ring API Description This repository holds the code for Elden Ring API. This consists of a RESTful API and GraphQL API of our beloved FromSoft g
Clarity is a scalable, accessible, customizable, open-source design system built with web components.
Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components
๐ฆ A CLI tool to quickly generate Next.js components
๐ฆ nextrate A CLI tool for quickly generating Next.js components. โจ Features Automatically add the file type to the component name using the folder na
Browse and view the exported Facebook Messenger data / messages.
Facebook Messenger exported JSON viewer What's this? This is a simple tool to view Facebook Messenger exported JSON files. I made the UI into a Messen
This library is a template to generate new angular component libraries.
Open Template Hub - UI Library Template v1 This library is a template to generate new angular component libraries. About the NPM Package Package Insta
Animated FlatList component that supports entering, exiting and reordering animations.
react-native-flatlist-animated Animated FlatList component that supports entering, exiting and reordering animations. Installation npm i react-native-