1066 Components & Libraries
React javascript Libraries
A serverless Notion-powered blog in React
A serverless Notion-powered blog in React I'm trying to build for fun. If I had to pick a name for this, it'd be COKE.
NFT DROP React.js (Minting NFT's with thirdweb, Sanity, Next.js, Tailwind, TS)
NFT DROP React.js π΄ LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE MetaMask HERE Sanity HERE thirdweb HERE This project was bootstrap
A website that allows users to add/remove books from a list
This is a website that allows users to add/remove books from a list. This project is build using JavaScript objects and arrays.
π A dark mode toggle component for React.
A dark mode toggle component for React. Inspired by Tim Silva's Dark/Light Mode Toggle Switch Pattern A11y Dribbble shot.
π³Nextjs app to create and share polls
Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies
Travel Website is a React application that uses React Hooks and React Router for this beginner React JS Project
Travel Website is a React application that uses React Hooks and React Router for this beginner React JS Project. The website is fully responsive as well.
KyΕka is a minimalistic state management library, designed for React
KyΕka Kyoka is a minimalistic state management library, designed for React. Features No boilerplate Zero dependency Straightforward Lightweight Object
Project with login screen, registration and Dashboard, using MySQL and API'S
Project with login screen, registration and Dashboard, using MySQL and API'S
Twitter-Clone Demo
Twitter-Clone Click demo to try it by yourself! You can send your comments about the project as tweet to me! Twitter-Clone Demo Link You can view the
Pckd is a free-to-use URL Shortener, that can be easily self-hosted
The most β‘οΈ analytics-intensive self-hostable URL shortener, with an amazing UI | AKA free-Bitly/Shlink alternative π
Math Magician App - A web app developed using React
Math Magician App A web app developed using React. It's a simple calcualtor application. It also has a small router for about pages. Other than calcul
π Search Engine for a Procedural Simulation of the Web with GPT-3.
Search Engine for a Procedural Simulation of the Web with GPT-3 Web 4.0 could be the propitious evolution for the procedural web. Goopt is an experime
Solana File Sharing System is a Decentralised Application which helps you share files to public Anonymously and no one can trace back to you or change the information since all the files and information is store on decentralised network
Solana File Sharing System is a Decentralized Application that helps users share files anonymously and ensure that the files are available at all times on a decentralized network, not tampered with, verifiable, and secure for all parties involved.
Ideal package for some easter egg in your site. He just give you onClick function with canvas destroying current page β οΈ
Ideal package for some easter egg in your site. He just give you onClick function with canvas destroying current page β οΈ
A ready template for a quick start with react. π
A ready template for a quick start with react. π
CABINDOGS - Discover cabins for rent all over the world. For you and your furry friend.
CABINDOGS Cabin Rentals for you and your furry friends too What is a getaway from home when your best friend can't come and is left all alone? SAD! CA
Armada - A light-weight Kubernetes health monitoring tool
Armada is an open-source tool for monitoring the health of your Kubernetes cluster. It features a dashboard which delivers an at-a-glance overview of the status of your cluster. It also features a metrics page to view time-series data of your cluster's performance, and an alerts page and logs page to stay on top of any events that may arise.
Online Chat App using React JS
Online Medical Chat App π Before you start Make sure Git and NodeJS is installed Yarn is faster than Npm. So use Yarn. Create .env file in both clien
Website breaker allows you to simulate a breaking effect on your webpages.
Website -breaker | linkedin Purpose Website breaker allows you to simulate a breaking effect on your webpages. Examples An example usage on my persona
Create and share polls privately or publicly -- its fast and free!
Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies
β¬ πͺ A simple portfolio dark build with reactjs
π (construyendo )Agrege nuevo componente donde muestra un proyecto Para el futuro incluir api de Github Paginacion para ver otros proyectos β¬ Figma @
A new kind of reader mode to remove distractions from web articles
Unclutter - Immersive Reading Mode A new kind of reader mode to remove distractions from web articles. Installation Try out the browser extension from
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles.
Pegava a beautiful dating app made in React Native.
A place to get some love The full responsive design is located here: Figma link Videos (Themes are according to system preferences) LightMode.IOS.mp4
Modal (draggable, minimizing, maximizing) component for React.js
Modal (draggable, minimizing, maximizing) component for React.js
A fun, simple wordle clone written in JavaScript & TypeScript.
A fun clone of the popular wordle game by the NY Times. Inspired by Reactle & Wordle clone in JavaScript. TypeScript & JavaScript versions included
Full Stack Stream Group Chat Made with React - Nodejsπ’
Full Stack Realtime Chat Messaging Application with authintication, direct messages, group chats creation, emojis & reactions, giphs, edit and delete messages, reply and specialized commands as forward. Made with React - Nodejs .
LinkedIn Clone - Built using React JS, Redux, Firebase & Styled-Components within 2 days
LinkedIn Clone Built using React JS, Redux, Firebase & Styled-Components within 2 days. Features and Fuctionality Login using Google (Firebase Authent
Broprint.js - The world's easiest, smallest and powerful visitor identifier for browsers
This package generates a unique ID/String for different browsers. Like chrome, Firefox or any other browsers which support `canvas` and `audio` fingerprinting. You can easily do the browser fingerprinting with this library. Its small and minimal.
Siba MusicPlayer πΈ a powerful and beautiful musicplayer created with React And Javascript AudioApi
Siba MusicPlayer πΈ a powerful and beautiful musicplayer created with React And Javascript AudioApi Demo
vThumb.js - The smallest library to generate video thumbnails on client side.
This package will generate n numbers of thumbnails at different positions in a given video file.
Weather App - a simple weather app developed in typescript using React, HTML and SASS
Weather App is a simple weather app developed in typescript using React, HTML and SASS. The app allows you to see the weather from your current location or another location around the globe using OpenWeather Api and Google Maps Api
Syntax highlighting, like what GitHub uses to highlight code, but free and open source and JavaScript
Close up of The Starry Night by Vincent van Gogh (1889) with examples of starry-night over it starry-night Syntax highlighting, like what GitHub uses
React-play: an open-source web app that helps you learn ReactJS faster with a hands-on practice model
react-play is an open-source web app that helps you learn ReactJS faster with a hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.
Estrela a Javascript framework to develop reactive web apps
Estrela - Full Reactive Framework Estrela is a Javascript framework to develop reactive web apps. Estrela is extremely easy to use, all the hard work
Fully customizable, beautifully designed Timeline for React Native.
Installation Add the dependency: npm i react-native-beautiful-timeline Peer Dependencies IMPORTANT! You need install them "react": "= 16.x.x", "react
A react component for form inputs validation
react-inputs-validation A react component for form inputs validation. Online demo examples. How to use Usage Live examples Codesandbox examples Basic
Trong ORM is a JavaScript library for building reactive SQLite queries for web, mobile and desktop
Trong ORM is a JavaScript library for building reactive SQLite queries for web, mobile and desktop
Basic Lua & React (Javascript) boilerplate for FiveM
Basic Lua & React (Javascript) boilerplate for FiveM
React Clock - A basic clock that displays the current date and time
React Clock A basic clock that displays the current date and time Go here for live demo. Component Diagram This project also demonstrates: a typcial R
Visual metasearch engine built with TypeScript, React, Redux & Express
spresso-search Visual metasearch engine built with React, Redux, Express, and TypeScript. Live link to site About Spresso Search scrapes search result
Fully customizable, beautifully designed Input Bar for React Native
Fully customizable, beautifully designed Input Bar for React Native
React-verification-input is a customizable, masked input that can be used to enter all sorts of codes
react-verification-input is a customizable, masked input that can be used to enter all sorts of codes e.g. security codes when two-factor authenticating. Also I'm sure you can think of many more creative use cases.
Ember Fast Marquee is a lightweight ember component that utilizes the power of CSS animations to create silky smooth marquees.
A lightweight Ember component that uses CSS animations to create silky smooth marquees.
Personal portfolio inspired by VS Code and Github, using React, Context API, html and CSS
Personal portfolio inspired by VS Code and Github, using React, Context API, html and CSS
Amazon IVS Chat Web Demo
A demo web application that shows how to implement a basic video + chat application using the AWS serverless application model (SAM) and Javascript (React).
Financial Metrics - about building a mobile web application to check a list of metrics that I create making use of React and Redux
Financial Metrics is about building a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux
Astrodon - Make Desktop apps with Deno π¦
π¦ Astrodon Desktop App Framework (not there yet!) for Deno, based on Tauri π Features Create webview windows with your own title and URL Bidirection
React Chartlet - A dead simple and tiny charting library for React
React Chartlet A dead simple and tiny React charting library Installation yarn add react-chartlet Supported Charts Sparkline Pie Bar Line Examples Ple
useConfirm - alternative to JavaScript confirm function but with one exception
useConfirm useConfirm is alternative to JavaScript confirm function but with one exception. It allows you to use any React component as an alert. All
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,
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app
Add motion to your apps with a single line of code. AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web a
π A VSCode extension packed with the latest React and Next.js snippets
React and Next.js Snippets React and Next.js Snippets with TypeScript support as well! π Installation Install the VSCode extension Reload VSCode Snip
React File Upload Widget - React Wrapper for Uploader
React File Upload Widget (With Integrated Cloud Storage) React Wrapper for Uploader β’ Developed by Upload.io Quick Start β Try on CodePen To implement
Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles
4Dev React - Enquetes para Programadores Link para o curso completo Essa sistema faz parte do treinamento do professor Rodrigo Manguinho (Mango) na Ud
E-commerce project using React and TypeScript
πͺ Products shop E-commerce project using React and TypeScript. Live demo here. API used for this project here.
An opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos
This is an opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos. It is backend gnostic and connects to decentralized backends like box, Dfinity, Filecoin and Crust.
React Native Actions Sheet Picker
React Native Actions Sheet Picker A React Native component that provides a filterable select dropdown/picker. Preview Installation Guide yarn add reac
Felte: A form library for Svelte, Solid and React
Felte: A form library for Svelte, Solid and React Features Simple usage example Svelte Solid React/Preact VanillaJS with Web Components More examples
LiveViewJS - An anti-SPA, HTML-first, GSD-focused library for building LiveViews in NodeJS and Deno
LiveViewJS - An anti-SPA, HTML-first, GSD-focused library for building LiveViews in NodeJS and Deno
Android in React - An open-source project that aims to provide an indistinguishably accurate experience of Android on web
Android in React - An open-source project that aims to provide an indistinguishably accurate experience of Android on web
A cryptoverse App that was built using CryptAPIs and is a PWA web app
The Cryptoverse π₯ This is a cryptoverse App that was built using CryptAPIs and is a PWA web app. It show very updated data of all the cryptocurrencie
React component for upload files or images with easier and faster, support multiple upload and there are several themes.
This is the react component for upload files or images with easier and faster, support multiple upload and there are several themes.
A simple to-do list application developed with React, Chakra UI, React icons
React todo list Um aplicativo de lista de tarefas simples desenvolvido com React, Chakra UI, React icons Live Demo on Vercel π Getting Started Clone
A valorant wiki where users can check informations and meet other players created with React
The aim of the project is to create a valorant wiki where users can check informations and meet other players (social section will be relased in the future). website created with React.
NFT Marketplace on Ethereum Blockchain based on course. Made in React/Next JS, Solidity and Typescript.
This is a Next.js project. Full process and video lectures how to create the application can be found here: NFT Marketplace in React, Typescript & Sol
SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.
SyncedStore is an easy-to-use library for building collaborative applications that sync automatically. It's built on top of Yjs, a proven, high performance CRDT implementation.
MyBlog - blog app built in React and Nest
π MyBlog - blog application MyBlog is a simple blog application where users able to create their own posts, react to other's posts and many more. Liv
Realtime Facial Emotion Recognition
This repository demonstrates an end-to-end pipeline for real-time Facial emotion recognition application through full-stack development. The frontend is developed in react.js and the backend is developed in FastAPI. The emotion prediction model is built with Tensorflow Keras, and for real-time face detection with animation on the frontend, Tensorflow.js have been used.
A collection of highly extensible React components, including Selectable, a beautiful (multi)select dropdown
Lyte A collection of highly extensible React components, including Selectable, a beautiful (multi)select dropdown you've been looking for. Installatio
Blog app using different modern technology like Next.js, ReactJS, TailwindCSS, GraphQL, GraphCMS, JavaScript, TypeScript, ...
Tony Blog Blog app using different modern technology like Next.js, ReactJS, TailwindCSS, GraphQL, GraphCMS, JavaScript, TypeScript, ... Link Blog: htt
A web application that uses the Studio Ghibli API to provide an index of their films and details so you can choose your favorite to watch
Studio Ghibli Films A web application that uses the Studio Ghibli API to provide an index of their films and details so you can choose your favorite t
A sample JavaScript/React Vite App done step-by-step
This is a sample JavaScript/React Vite App done step-by-step.
A terminal style/styled portfolio website made with 3 using react.
A Terminal Styled Portfolio Website. π±βπ», a terminal style/styled portfolio website made with 3 using react.
My-Feedback: This is a sample JavaScript/React app done step-by-step
My-Feedback: This is a sample JavaScript/React app done step-by-step
Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates.
Mini-React Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates. Demos A simple running screenshot: Intr
hopify boilerplate for embedded apps. Built and re-written from the official Shopify CLI's app boilerplate
Shopify boilerplate for embedded apps. Built and re-written from the official Shopify CLI's app boilerplate, but moved it to Typescript, and more modularized, so you can use any frontend framework you want. I left it comes by default, with React.
Space Travelers Built With JavaScript React Redux Bootstrap React
A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.
A React web app that renders a list of bookable rockets and missions
This is a web App built with React that allows users to: Visualize a list of SpaceX's rockets, dragons, and missions from public API. Book a rocket, dragon, or mission. Cancel a reserved item. Visualize reserved items on the My Profile page.
File & Image Uploader (With Integrated Cloud Storage)
File & Image Uploader (With Integrated Cloud Storage) Get Started β Try on CodePen Supported Frameworks: React β’ Vue β’ Angular β’ jQuery β’ Plain JS Sup
React-Gantt-Chart allows you to create custom gantt charts with ease
react-gantt-chart React-Gantt-Chart allows you to create custom gantt charts with ease. No more nonsense! Installation npm install --save react-gantt-
React application that queries addresses in the UK by postal code
A react web application that allows you to find the addresses of our customers based on their postcodes
A clean, beautiful and responsive portfolio template Based On VSCode Theme
A clean, beautiful and responsive portfolio template Based On VSCode Theme! To view a live example, click here. Feel free to use it as-is or customize
The Complete Intro to React v7 and Intermediate React v4 as taught on Frontend Masters
Please click here to head to the course website. Issues and Pull Requests Please file issues and open pull requests here! Thank you! For issues with p
Reactive DOM elements, based on mutableJS's state
mutableJS / DOM DOM elements, brought to life by @mutablejs/core FAQ Can mutableJS / DOM be standalone? In theory it can, but it is kinda pointless, s
A very small and oversimplified state manager written in pure Javascript
Very Small State Manager A very small and oversimplified state manager written in pure Javascript. Read the full documentation on the Vssm Documentati
A simple and device responsive book buying store website with Tailwind and React.
Book Lovers Store with React This project was bootstrapped with Create React App. Live Site Link Click here to see the live site: https://book-lovers-
Personal portfolio and branding using TailwindCSS, JavaScript, & ReactJS
Personal portfolio and branding using TailwindCSS, JavaScript, & ReactJS
Book Store App - a bookstore website published with react and redux
Book Store App This is a bookstore website published with react and redux. It has display list of books, add books and also remove books functionaliti
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io
Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now π π₯οΈ Tech Stack Frontend: Backend: Realtime Communication: Cloud S
An DEV.to clone created with MongoDB, Express, React, and Socket.io
DEV.to Clone An DEV.to clone created with MongoDB, Express, React, and Socket.io Live Site Backend API Tech UI: React Routing: React Router Real-time
Tauri and ReactJS boilerplate for a modern desktop application
Tauri & ReactJS boilerplate for a modern desktop application. Not a project nor a substitute tutorial for my video tutorials.
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes
Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo
Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo
Materio - Free MUI React NextJS Admin Template
Materio is the Most Powerful & Comprehensive free Next.js React admin template based on MUI !! π
DevExtreme - a set of enterprise-ready UI component suites for Angular, React, Vue, and jQuery
DevExtreme DevExtreme is a set of enterprise-ready UI component suites for Angular, React, Vue, and jQuery. It is everything you need to create respon
Stock metrics an app that allows you to display active stocks of companies built with react and redux
Stock metrics is an app that allows you to display active stocks of companies ,and you can see I ncome statement of past 5years by selecting a selected company.It is built with react and redux .
The minimalistic Text Editr
A Minimalist Text Editr web application made using React.js and pure CSS. Integrated with functions like speech recognition and text statistics.