7984 Components & Libraries
React react Libraries
🙊 Use Vue Composition API in React components
Use Vue Composition API in React components
Free React landing page template
Landy is an open-source React landing page template written in TypeScript, designed for developers and startups, who want to create a quick and professional landing page for their business or project.
Experimental demo of React Server Components with Next.js. Deployed serverlessly on Vercel.
Next.js 12 React Server Components Notes Demo (Alpha)
Building Instagram from Scratch Using React, Tailwind CSS, Firebase
Building Instagram from Scratch Using React, Tailwind CSS, Firebase 💰 Extended paid version he
⚡️ A React abstraction for the popular three-gpu-pathtracer
react-three-gpu-pathtracer ⚡️ A React abstraction for the popular three-gpu-pathtracer This demo is real, you can click it! It contains full code, too
✨ View all of your GitHub stats and compare your stats with friends, made using nextjs and tailwind.
✨ View all of your GitHub stats and compare your stats with friends, made using nextjs and tailwind.
Viact - a starter template for React TypeScript that uses Vitejs
Viact is a starter template for React TypeScript that uses Vitejs, which supports RTL for specific styles, proxy fetching API (to fix CORS errors) and a simple mock REST API server.
Expo config plugin for the Braze React Native SDK. Not affiliated w/ Braze or Expo.
Expo config plugin for the Braze SDK Background Currently, the Braze React Native SDK does not support the Expo managed workflow. This means that Braz
🔋 Batteries included template for using React Three Fiber (R3F) with NextJS
r3f-next-starter This is a batteries included template for using React Three Fiber (R3F) with NextJS 🔋 . Based on create-r3f-app. Features ♻ Easily m
A simple ReactJS movies app based on TMDb API
A simple ReactJS movies app based on TMDb API to demonstrate react-query use cases as a state management library
Light weight react component for creating a responsive markdown page with beautiful TOC
Light weight react component for creating a responsive markdown page with beautiful TOC
A complete application from scratch using Node.js, React, and Tailwind
A complete application from scratch using Node.js, React, and Tailwind
Learn the foundational concepts necessary for building React applications and libraries
React Fundamentals 🚀 EpicReact.Dev Learn the foundational concepts necessary for building React applications and libraries Learn everything you need
LogTure - A minimal designed, fully customizable, and extensible modern personal blogging framework, built with Nextjs
LogTure - A minimal designed, fully customizable, and extensible modern personal blogging framework, built with Nextjs
Create in react and typescript an application widget to feedback in websites.
Feedget Table of Contents About • Features • Revised Concepts • Installation • Get Started • Technologies • License 📌 About (Coloque aqui uma pequena
fitfab user interface experience is a collection of React components and utilities for building user interfaces using web api technologies
fitfab user interface experience is a collection of React components and utilities for building user interfaces using web api technologies. (and of course, Reactjs.)
App for a password manager using React-Native, Expo.CLI and AsyncStorage
App for a password manager using React-Native, Expo.CLI and AsyncStorage
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page. Used React.js, Typescript, Tailwindcss, Headlessui, Accessibility, Jtest, Node.js, Prisma DB, Mobile version and much more...
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.
A little web shop written with React.
ReactJS Web-Shop (WIP) This is a little web shop written with React. This is mostly a Project to learn ReactJS and web dev. Setup This app uses a Rest
A react hook to help manage mobile browser virtual keyboards
A react hook that calculates the distance that your components are offset and the size of the remaining viewport when iOS/Android mobile virtual keyboards open
Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.
Notus NextJS A beautiful UI Kit and Admin for Tailwind CSS and NextJS. Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Le
Use `getStaticProps`/`getServerSideProps` as react-hooks
next-data-hooks · Use getStaticProps and getServerSideProps as react hooks next-data-hooks is a small and simple lib that lets you write React hooks f
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.
SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)
SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)
A demo app of the Hacker News website clone, which shows Next.js 12's experimental React Server Components support
A demo app of the Hacker News website clone, which shows Next.js 12's experimental React Server Components support
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
React adapter of the TSyringe dependency injection container 💉
Reactject React adapter of the TSyringe dependency injection container 💉 Introduction Packages Examples Support the project Introduction Start managi
🌐React and Next.js Snippets with TypeScript support as well
🌐React and Next.js Snippets with TypeScript support as well
Step-by-step guide on compiling C++ codes with Emscripten into wasm and using it with Webpack + Typescript + React setup
Step-by-step guide on compiling C++ codes with Emscripten into wasm and using it with Webpack + Typescript + React setup
Same as React's useCallback, but returns a stable reference.
react-use-event-hook Same as React's useCallback, but returns a stable reference. This library is a user-land implementation of the useEvent hook, pro
Google OAuth2 using the new Google Identity Services SDK for React 🚀
React OAuth2 | Google Google OAuth2 using the new Google Identity Services SDK for React @react-oauth/google 🚀 Install $ npm install @react-oauth/goo
🐋 3D Docker containers viewer built with Electron, React and Three Fiber
🐋 3D Docker containers viewer built with Electron, React and Three Fiber
Puro - simple react context provider
A simple utility library to create react context/provider with proper typing support
Toast-notify: IOS Phone notification designed popup for React Component
IOS Phone notification designed popup for React Component
Just a small collection of hooks that make it easy to integrate React Query into a REST API
react-query-restful is just a small collection of hooks that make it easy to integrate React Query into a REST API.
Phosphor Icons generated from React Native Vector Image
React Native Phosphor Icons Phosphor Icons generated from React Native Vector Image Installation yarn add @baronha/react-native-phosphor-icon && yarn
Swiggy Clone - Main Tech Stack used are React and for state management Redux and Local Storage
Solo Construct week project executed in 7 days. Main Tech Stack used are React and for state management Redux and Local Storage is been used , for persisting the data Local Storage is used, All the Data used are manually created.
Sort Visualizer - A Web Application built using React and is used to visualize classic sorting algorithms such as insertion sort, merge sort, quick sort, heap sort, etc.
Sort Visualizer - A Web Application built using React and is used to visualize classic sorting algorithms such as insertion sort, merge sort, quick sort, heap sort, etc.
An example implementation of a top-down 2d game made with React and react-three-fiber
react-three-fiber Game Demo This repo shows an example implementation of a top-down 2d game made with React and react-three-fiber. I used the core fun
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
RN-TourGuide - A flexible tourguide for your react native app
🚩Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)
Django + React Boilerplate for starting your SaaS application.
DIY Django and React Boilerplate for SaaS It is do-it-yourself Django + React Boilerplate for starting your SaaS application. In existing boilerplates
Use esbuild in your create-react-app for faster compilation, development and tests
🚀 create-react-app-esbuild 🚀 Use esbuild in your create-react-app for faster compilation, development and tests. Features Replace babel-loader with
React-native-dotenv - Load react native environment variables using import statements for multiple env files.
react-native-dotenv Load environment variables using import statements. Installation $ npm install react-native-dotenv Breaking changes: moving from v
A Next.js boilerplate to be used in a course called React Avançado
This is a Next.js boilerplate to be used in a course called React Avançado. What is inside? This project uses lot of stuff as: TypeScript NextJS Style
A developer blog starter for 2021 (Next.js + React + TypeScript + Markdown + syntax highlighting)
Devii A developer blog starter for 2020. Next.js React TypeScript Markdown syntax highlighting SEO RSS generation if you're happy and you know it, sta
React Native Template Obytes
📱 A template for your next React Native project 🚀 , Made with developer experience and performance first: TypeScript, Husky, Lint-Staged, react-navigation, react-query, restyle, react-hook-form, AppIcon, Splash Screen.
Dealing with async assets - A promise caching strategy for React Suspense
Dealing with async assets Each asset you create comes with its own cache. When you request something from it, the arguments that you pass will act as
Cuckoo - Anonymous video calls across the world for free with screensharing
🎥 Cuckoo - A free anonymous video-calling web application built with WebRTC and React that provides peer-to-peer video and audio communication in a web browser with no plugins or extensions required.
A React hook for tracking user interaction with the DOM elements, combining 🖱 mouse events and ⌨️ keyboard focus
useHoverState() The one aware of keyboard navigation as well 😉 npm i use-hover-state A React hook for tracking user interaction with the DOM elements
Image Compressor developed using React which will compress your PNG and JPG Images
Image Compressor This is a Image Compressor application developed using React.js Package browser-image-compressor. This online image compressor allows
A simple NodeJS backend and web front react page app that upload text file content
NodeJS + TypeScript backend This is a simple NodeJS backend and web front react page app that upload text file content(show ten most-used words) Insta
Redux-todo - a todo web app where users can type in their todo and also set a reminder
redux-todo Redux-todo is a todo web app where users can type in their todo and also set a reminder. The todos are not saved/fetched on/from a server,
React 360 Product Viewer - Let your users view your product or 3D renders
React 360 Product Viewer Let your users view your product or 3D renders using mouse/touch or set it to autoplay! See it in action in storybook · Repor
React-animated-navbars library for creating animated navigation panels
🍔 A zero dependancy react library for creating animated hamburger menus with CSS transitions.
Simple and lightweight carousel component for React applications
Carousel Simple - rcdev Componente de carousel simples e leve para aplicativos React. Demonstração Instalação npm npm install carousel-react-rcdev y
Log Changed Properties in a React Component
Log Changed Properties in a React Component This HOC (High Order Component) will wrap an existing class or function component and track properties tha
Zero dependency data fetch library for React
use-request Zero dependency data fetch library for React Features Zero dependency Small bundle size (~30KB) Prevent useless rerender Support TypeScrip
Modularization best practice to common web development scenarios, applies to vue/react/... any framework
Vite How-to Guide There are plenty of tutorials on how to use vite to compile code written in latest and hottest technology, this guide is different.
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
Boilerplate React.js + TypeScript + Vite 👋
Create a new project with React.js, TypeScript and jest with Vite
i18nano - Lightweight translation module with functionality similar to react-i18next
i18nano Internationalization for the react is done simply. Lightweight translation module with functionality similar to react-i18next. Features Async
A basic movie rating application which created with using Redux Toolkit, Axios for API calls, React Router DOM for Routing and Node-SASS for my SCSS compile to CSS..
A basic movie rating application which created with using Redux Toolkit, Axios for API calls, React Router DOM for Routing and Node-SASS for my SCSS compile to CSS..
Cryptocurrency exchange website written in Django (Backend) and React (frontend)
crypto-exchange Cryptocurrency exchange website written in Django (Backend) and React (frontend) Quick Start You need to run backend and frontend sepa
Web3-typescript-fullstack: 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
A novel approach for security and user experience of Graphical Password Authentication.
Graphical Password Authentication Alohomora Harry Potter themed (not really) Graphical Password Authentication Flowchart and Architecture Solution Dem
React & Firebase Boilerplate Example
React & Firebase Boilerplate Example This boilerplate utilizes Firebase Realtime Database, Firestore and Firebase Auth in a Next.js App. This app uses
Docit - Simple and Rapid React Documentation
This Project is still under development. Use with caution. Docit Simple and Rapid React Documentation
React Todo List - This project helps to consolidate my knowledge about React, components, props, state, and hooks
React Todo List This project helps to consolidate my knowledge about React, components, props, state, and hooks, by following a tutorial. Screenshot B
The dots game build width React Framer Motion Styled Components React Lottie Firebase
The dots game build width React Framer Motion Styled Components React Lottie Firebase
My Personal List - An app to organize and track your downloaded anime
My Personal List - An app to organize and track your downloaded anime
An NFT Dapp with CELO - a simple React boilerplate for Celo projects.
Celo React Boilerplate This repository contains a simple React boilerplate for Celo projects. 1. Tech Stack This boilerplate uses the following tech s
Rock Paper Scissors game built with React.js and framer motion
RPS Game React-rock-paper-scissors "Rock Paper Scissors" game built with React.js and framer motion Tech Used Live Preview Demo Video Preview Build Se
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
Vite-react-template: A starter for React with Typescript with the fast Vite
vite-react-template vite + react + router + ts A starter for React with Typescript with the fast Vite directory src assets components layout pages ins
Portfolio site developed with NextJs & React framer-motion for fluid fancy animations
Portfolio site developed with NextJs & React framer-motion for fluid fancy animations
Reagraph - a high-performance network graph visualization built in WebGL for React
🕸 reagraph WebGL Network Graphs for React Reagraph is a high-performance network graph visualization built in WebGL for React. If you are looking for
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.
React hook to clamp multiline text to a given height in a responsive way and with extreme flexibility (under 2.5kb)
use-clamp-text react hook to clamp multiline text to a given height in a responsive way and with extreme flexibility (under 2.5kb) Line Clampin’ (Trun
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
A simple soundboard web app made using React.js
Da Soundboard This web application is a simple soundboard that is composed of a bunch of random sounds, voice lines and clips. This project was made u
React Dev Inspector - jump to local IDE code directly from browser React component by just a simple click
React Dev Inspector Introduction This package allows users to jump to local IDE code directly from browser React component by just a simple click, whi
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.
Boilerplate for creating an Electron desktop app with React.
electron-react-app This project was bootstrapped with Create React App, Electron, and Electron packager. Install Clone the project git clone https:/
Datapod for React - a framework which extends create-react-app to enables you to quickly build data-driven sites
This is a framework which extends create-react-app to enables you to quickly build data-driven sites. This code is generated from the Datapod-for-React Core application.
Pomodoro desenvolvido em Electron para uso pessoal
Pomodoro Desenvolvi um Pomodoro para uso pessoal, ele funciona como na Técnica de Pomodoro onde termos sprints de 25 minutos (recomendado), e o Countd
React-native-graph: a Line Graph implementation based on the high performance 2D graphics rendering engine "Skia"
📈 react-native-graph Beautiful, high-performance Graphs/Charts for React Native. About react-native-graph is a Line Graph implementation based on the
🇬🇧 ᴇɴ : Advanced shopping cart system [React (context api) + Framer-motion]
🇬🇧 ᴇɴ : Advanced shopping cart system [React (context api) + Framer-motion] 🇫🇷 ꜰʀ : Système de panier avancé [React (api de contexte) + Framer-motion]
React Swift Form
Yet another React form library, for React and React Native. Key difference from other form libraries is that it is built to be as fast as possible. No unnecessary re-renders, no unnecessary re-validations.
React Native Virtualized Grid
VirtualizedGrid component for react-native and react-native-web
🏔🀄️ A React Native guess-the-word mountain game
🏔 🀄️ kotobayama kotobayama: Mountain of words (言葉 - kotoba, 山 - yama). A prototype for a React Native guess-the-word game. Guess the words for famou
Personal Portfolio Website built with React v16
A clean and customizable ReactJS portfolio template for fellow developers. Credits to Jo Lienhoop!
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.
Library with interfaces and implementations for integrating React applications with Firebase, AWS and possibly other Auth providers
Library with interfaces and implementations for integrating React applications with Firebase, AWS and possibly other Auth providers
Build a pokedex with React,TypeScript and Tailwindcss
Pokedex Creating a pokedex with react and typescript Demo Pokedex API Reference PokeApi Screenshot Tech Stack React TypeScript TailwindCSS Framer-Moti
A WebSQL-compatible API to store data in a react native app
This library provides a WebSQL-compatible API to store data in a react native app, by using a fast JSI implementation of the SQLite driver react-native-quick-sqlite.