8951 Components & Libraries
React react Libraries
A simple ocr translator powered by avernakis react.
简介 文影 (Language Shadow) 是一个简单的翻译器,原理: 使用 OCR 识别指定区域,获得文字用于翻译。目前支持离线情况下,英文翻译成中文。 GUI 部分则是使用 Ave React 开发的。 演示视频见: 文影:实时英语字幕翻译 - 完全离线、免费且开源 发布 文影 (Langu
A high performance image viewer in react-native used by react-native-reanimated.
react-native-reanimated-viewer A high performance image viewer in react-native used by react-native-reanimated. Install npm install react-native-reani
This is a Codespaces React template that leverages a Code Tour to guide beginners through writing their first lines of React.
Learn React with Codespaces 📝 Welcome to your first Codespace running a popular UI framework called React! We've got everything fired up and running
Code Search in natural language for React codebases [JS/TS]. Provided by Wizi AI.
AI powered Code Search for React codebases (JS/TS) by Wizi AI We are launching our Code Search feature as an open-source project for frontend teams to
Código produzido na masterclass de React ⚛️
⚛️ Masterclass de React Tá afim de construir esse projeto do ZERO comigo? Só acessar o link: https://quiz.rocketseat.com.br/masterclass/react Sobre Es
Advanced Structure for webpack 5.x with combo react, react-router-dom, styled-components, polished and ts
Advanced Structure for webpack 5.x with combo react, react-router-dom, styled-components, polished and ts. It contains advanced env support, integrate tailwindcss, easy and clearly to split chunks, external cdn url for node dependency. And some project's formatter like eslint, editorconfig, prettier, lint-stage, husky, commitizen
Is there a plugin for Reactotron that allows for similar functionality to the React Query Devtools?
Reactotron React Query for React Native Is there a plugin for Reactotron that allows for similar functionality to the React Query Devtools? Yes! This
Voice Controlled React News Application - Alan AI Voice Assistant
Voice Controlled React News Application - Alan AI Voice Assistant Live Site Introduction This is a code repository for the corresponding video tutoria
Netflix Clone using React, Typescript, Material UI
The stack that is being used: React (custom hooks, context, portals), Firebase (Firestore/auth), Compound & Styled components! Hey! I finally finished
⚛️ 💸 Simple hooks for Plaid open banking on React Native.
react-native-use-plaid ⚛️ 💸 Simple hooks for Plaid open banking on React Native, which enables you to very quickly integrate with a user's bank accou
This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 from React Native mobile apps.
page_type description products languages sample This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 fr
Advance Todo List is a task management app for creating, organizing, and tracking to-do items and projects. It offers CRUD operations and progress tracking.
React Todos An Advance todo list app that can track progress 📗 Table of Contents 📗 Table of Contents 📖 React Todos 🛠 Built With Tech Stack Key Fea
Math Magicians is a Microverce React project.
Math Magicians is a Microverce React project. It is a website for all fans of mathematics. Using this website user can make simple calculations and also can read a random math-related quote.
An example Svix integration built in Next.js (TypeScript and React)
Svix - Webhooks as a service Website | Documentation | Community Slack Example Svix Application This is an example Next.js application showing how to
LightCode is a powerful web-based development tool allowing multiple users to modify the same codebase in real-time. It is built with React.js, Node.js, Socket.IO, and Tailwind CSS.
LightCode Introduction LightCode is a powerful web-based development tool allowing multiple users to modify the same codebase in real-time. It is buil
Custom and Re-usable React Components and Hooks with CSS Modules
Custom React Components This project was bootstrapped with Create React App. The git repository contains ready to use Custom and RE-USABLE React Compo
React Native library to detect clicks outside the component 👆
react-native-click-outside React Native library to detect clicks outside the component 👆 🪄 Installation yarn add react-native-click-outside 📖 Usage
O Jira AI é um aplicativo de inteligência artificial que utiliza o modelo de linguagem ChatGPT da OpenAI para automatizar a criação de descrições de tarefas no Jira. Com uma interface amigável e fácil de usar, o Jira AI torna o processo de criação de tarefas mais eficiente e preciso. Desenvolvido com Forge (Node.js) e React, o Jira AI é uma solução
Jira AI Jira AI is an application that uses the ChatGPT language model to automatically generate task descriptions in Jira. Technologies Used Forge (N
Next-generation react form fields built on top of jotai form primitives.
Atomic Form Fields for React Declarative & headless form fields build on top of jotai & form-atoms. yarn add jotai form-atoms @form-atoms/field Motiv
A food ordering website, where registered users can order for food from a particular restaurant.
MERN Food Ordering System MERN Food Ordering System is a Web app built on the MERN (MongoDB, Express, React, Node) stack of web development. It uses R
A simple library that provides a component to render user's yearly activity on a calendar.
activity-calendar-react activity-calendar-react is a library that provides a component to render user's yearly activity on a calendar. This is similar
A peacefully simple view layer. Because React is still too stressful.
What is HotJS? Hot stands for HTML Outputs from TypeScript. It's an ultra-ergonomic HTML element construction library. Call functions. Get HTMLElement
Youtube UI in React Native (Dark Theme)
Youtube-UI-React-Native Youtube UI - (Dark Theme) Created Using React Native (Expo) UI Screenshots Ios Android Live On Expo Download The ExpoGo App Fr
Stylin.js is a React library that provides "all" css attributes builtin under component.
Stylin React in-component styling, Theme-Based, Suggestive, primitive CSS allowed. Installing To install the package you must to have installed node a
Display your discord presence in react.
react-discord-presence Display your Discord presence. yarn add react-discord-presence Example Check it out on StackBlitz. Loading State Error State Y
An e-commerce website example with NextJS that I made in 1 week as a self challenge. Using Firebase as backend.
E-Commerce Website Demo: https://next-e-commerce-example.vercel.app/ An e-commerce website example built with Next.js that I made in 1 week as a self
This is a pre-styled React component for showcasing a GitHub user's projects. With Axios for API calls and Tailwind for styling, this component makes it easy to present your projects in a clean and professional manner
MyGitHub The MyGitHub component is a pre-styled React component for displaying a GitHub user's projects and other informations. With just one import,
This repository contains a Shopping app built using React, React-redux toolkit, Firebase authentication, Razorpay.
Shopping E-commerce Website This repository contains a shopping app built using React, the React-redux toolkit, Firebase authentication, and Razorpay.
React group project that consume space-x api you can reserve rocket or join mission
Space-Travelers-Hub React group project Space-Travelers-Hub 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live De
Set the runtime variables of React apps using environment variables.
react-runtime-envar Set the runtime variables of React apps using environment variables Build the docker image and run container Build the docker imag
An npm package that provides a simple state management tool for React built with RXJS.
react-rxjs-state-management This is a simple npm package to create a React state management tool that uses BehaviorSubject from rxjs. If you want to c
Weather-Forecast is a React-based weather forecasting project that provides users with detailed information about countries in a chosen region, including capital, population, area, and current weather conditions such as temperature, humidity, wind speed, and atmospheric pressure. It offers an easy-to-use interface and accurate weather data.
Weather Forecast 📗 Table of Contents 📗 Table of Contents 💻 Book Store 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Prerequ
This repo contains the code for advanced chat application's frontend. This app's frontend is built on MUI, a react component library.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
CatchingSunset is a web application created by React.js. The application allows users to randomly pick their destination and plan their budget for the trip.
Catching Sunset CatchingSunset is a web application created by React.js. The application allows users to randomly pick their destination and plan thei
forms written in react, using Formik and Yup
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Client for @Ifycode's buuks API (react, typescript, tailwind css)
@Ifycode/buuks-react-client Hosted on Netlify: https://buuks.netlify.app This is the frontend client for the buuks-express-api, built with react, type
React Native Nested/Thread Comments with line indicators, collapse views with Reanimated 2 and draw lines with react-native-svg
## React Native Nested Comments With Line Indicators ### Uses reanimated 2 to collapse comments via [`reanimated-collapsible-helpers`](https://github
🎣 Um website/repositório open source de React Hooks voltado para a comunidade brasileira!
Tabela de Conteúdo Tabela de Conteúdo Sobre o Projeto Feito Com Funções Roadmap Contribuição Licença Contato Sobre o Projeto Hookpedia é um website re
React Hooks based Spatial Navigation (Key & Remote Control Navigation) / Web Browsers, Smart TVs and Connected TVs
Norigin Spatial Navigation Norigin Spatial Navigation is an open-source library that enables navigating between focusable elements built with ReactJS
Helpful JavaScript, React, and React Native rules for ESLint, by Nozbe
eslint-plugin-nozbe A collection of helpful ESLint rules we created while building Nozbe app. Installation yarn add --dev @nozbe/eslint-plugin-nozbe I
react-express front & back end code challenge deployed on docker
Installation for Working Environment : Docker Install docker in Windows Install docker in Mac(Apple) Here's how you can install make Install make in W
A React Native package to let users override the app's color scheme/theme
react-native-override-color-scheme React Native package to let users override the app's color scheme/theme. Installation npm install react-native-over
SolidJS port of `@lexical/react`. This port will be updated from time to time to maintain parity and keep dependencies fresh.
Lexical-Solid SolidJS port of @lexical/react Currently based on @lexical/react version 0.7.6. Installing npm install lexical-solid You may need to add
Easy to use for checking props with React.memo
🚀 compare-props npm i compare-props Or yarn add compare-props Checking if props change with React.memo in React components. Test Data: link Usage imp
Useful functions for tests integrated with React
RTL-HELPERS Useful functions for tests integrated with React Installation Use the package manager npm to install rtl-helpers. npm install rtl-helpers
⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS v3, Headless UI, Radix UI, and more
⏪ Rewinds — Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries and the TypeScript ecosystem. This is a
A minimum and lightweight external store for React and React Native application
Reactive store - a minimum and lightweight external store for React and React Native application Table of contents Features Installation Usage 3.1 Cre
React component for visualizing graph data
react-graph-viz-engine An out-of-the-box React component for visualizing graph data. Key features: An easily embeddable React component to render forc
A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
FortuneSheet FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets English | 简体中文 Purpose
Mesla-Clone-UI é um clone do site tesla desenvolvido em React, através do conhecimento de cada membro do grupo em js e css
Mesla-Clone-UI 📂 Mesla-Clone-UI é um clone do site tesla desenvolvido em React, através do conhecimento de cada membro do grupo em js e css 📌 Wirefr
A React component wrapper for Vimeo video player iFrames.
React Vimeo Provider Open docs → Install via npm npm i react-vimeo-provider Import import {VimeoProvider} from "react-vimeo-provider"; Use VimeoProvi
A simple registration form, using react-hook-forms and Yup ⚡
Site Preview About 🏁 A register form using react-hook-form and validation Yup and additional validations using Regex. Features 🔨 Validate input name
My personal website. A simple, easily modifiable, fully responsive, modern, single-page application built using Typescript, React and Express.
Personal Website See: mruzunov.com. My personal website. A simple, easily modifiable, fully responsive, modern, single-page application built using Re
A React hook for building phone number inputs
use-telephone A React hook for building phone number inputs Installation use-telephone depends on React = 16.8, so make sure you have it installed. y
The usage of Valorant API in React JS
Valorant API React Project 📖 Information With the usage of Valorant API from https://valorant-api.com/ , thie project is made of different kinds of i
A magical React Hook that helps you debug components.
useTilg Tiny Logger is a magical React Hook to help you debug your components. You can quickly try out the demo. Table of Contents Installation Featur
Free and easy-to-use admin template based on React 17+
Lightence React-powered 100% FREE Admin Dashboard Template for building rich user interfaces significantly faster. For developers of all levels. Open-
A TypeScript based PDF generator library, made with React.
PDFME TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license! Feat
React component for Spline scenes.
react-spline react-spline allows you to export and use Spline scenes directly in your React websites. 🌈 Spline is a friendly 3d collaborative design
An open-source storefront in React.js with Next.js. Built for Headless Commerce, using a modern stack with TypeScript, GraphQL, Apollo, and Tailwind CSS.
Next.js Storefront Next.js Storefront: Your open-source frontend starter pack for building performant e-commerce experiences with Saleor. Saleor Check
:electron: Electron + Vite + React + Sass boilerplate.
electron-vite-react English | 简体中文 👀 Overview 📦 Ready out of the box 🎯 Based on the official template-react-ts, project structure will be familiar
A anime discovery, streaming site made with NextJs and TailwindCSS. Uses AniList API and video data from GogoAnime. No ads and no vpn required
Animeflix - Watch animes online The open-source anime streaming service made with NextJs and TailwindCSS. It lets you search, watch animes without any
A simple and safe router for React and TypeScript.
@swan-io/chicane A simple and safe router for React and TypeScript. Design principles Typed routes: improving the DX, and making sure all your params
🪢 World's Simplest React State Manager
🪢 resso World's Simplest React State Manager (React 18, React Native, SSR, Mini Apps) Reactive shared store of React. No more extra re-render English
An endless drawing canvas desktop app made with Tauri (Rust) and React 🎨 ✍️
Table of Contents Table of Contents Introduction Features Installation Development Creating a build License Introduction Pointless is an endless drawi
The most complete React Library Component for drag’n’drop files. Image and video previews. File validation. Multilanguage. Server side support.
🚀 Spanish README Dropzone UI The best, most complete and easy to use, React file upload library. ⚡ Live demo and code generator : dropzone-ui.com ❤️
An event-based global state management tool for vue, react, mini-program, ect.
hy-event-store An event-based global state management tool for vue, react, mini-program, etc. 一个基于事件的全局状态管理工具,可以在Vue、React、小程序等任何地方使用。 设计灵感 在项目中找到一个更加
Edit Notes like in Notion.so. Full-Stack App using React/Express.
📓 Notion Clone Create and Edit Notes like in Notion This clone tries to replicate some of the great note-taking features Notion has. If you don't kno
Universal UI kit and style system for React Native + Web - with an optimizing compiler 🚄
A style system, UI kit and optimizing compiler for React Native & Web @tamagui/core - Independent minimal style system on top of React Native/Web. tam
Projeto construido durante a Imersão React edição NextJS da Alura!
AluraQuiz Base Seja bem vindo ao projeto base do AluraQuiz!!! Passos fundamentais: Marque esse projeto com uma estrela Siga as instruções das aulas e
🤳 VR/AR with react-three-fiber
@react-three/xr React components and hooks for creating VR/AR applications with @react-three/fiber npm install @react-three/xr Examples These demos ar
A tiny (258 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores
Nano Stores A tiny state manager for React, React Native, Preact, Vue, Svelte, and vanilla JS. It uses many atomic stores and direct manipulation. Sma
🥄 Develop, test and document your React story components faster.
Ladle is an environment to develop, test, and share your React components faster. Documentation Demo Twitter StackBlitz Discord Quick start mkdir my-l
A modern web UI for various torrent clients with a Node.js backend and React frontend.
Flood Flood is a monitoring service for various torrent clients. It's a Node.js service that communicates with your favorite torrent client and serves
Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla
Vite Electron Builder Boilerplate Vite+Electron = 🔥 This is a template for secure electron applications. Written following the latest safety requirem
Build themeable React & React Native applications with your Bumbag 👝
Warning This library is currently unmaintained. You may want to look at a similar alternative like Chakra UI, Material UI or Mantine. 😊 Bumbag Build
simple, expressive API for tailwindcss + react-native
Tailwind React Native Classnames 🏄♂️ A simple, expressive API for TailwindCSS + React Native, written in TypeScript import { View, Text } from 'reac
📱 A performant, easy to use hold to open context menu for React Native powered by Reanimated 🚀
React Native Hold Menu A performant, easy to use hold to open context menu for React Native powered by Reanimated. 🔥 This package is experimental and
📈 Easily interpolate to a provided value with a simple React hook.
∿ use-smooth-count ∿ Easily interpolate to a provided value with a simple React hook. npm install use-smooth-count or yarn add use-smooth-count Demo E
Showcaseing NextAuth.js + Next.js 13 with React Server Components
The example repository is maintained from a monorepo. Pull Requests should be opened against nextauthjs/next-auth. NextAuth.js Example App Open Source
The main function of this template is to meet the requirements of modern applications in terms of scalability and maintainability over time. That is why it was implemented with the concept of clean architecture (Onion architecture).
How to start use? npx react-native init AwesomeApp --template https://github.com/CrisangerA/react-native-template-clean-arch.git Why this template? W
This is my first react application. Thanks to Code with Harry.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Full Stack e-commerce app built with Express, Node.js, MySQL and React
Auction Point Auction Point is a website where users can buy and sell items. My aim with this Full Stack project was the design and development of an
A React context for setting up and using Socket.IO client in your app
React Simple Socket.IO Easily use Socket.IO in your React app. Ugh, another Socket.IO provider 🙄 ? Seriously, how is this different from using plain
A Simple To Do List Application to Add, View & Delete tasks in a single webpage using React.js
To-Do List Application This is a To-Do List Application to Add,View, and Delete Tasks accordingly. Live Link - https://shobhit1338.github.io/To-Do-Lis
⚛️ MySticker - Projeto React Native - Tire sua selfie e crie sua figurinha da Copa
🚀 Projeto MySticker Este projeto foi densenvolvido pelo o Educador da Rocketseat Rodrigo Gonçalves, neste projeto podemos aprender um pouco a utiliza
Projeto desenvolvido com React.js React Native Node.js TypeScript
World Cup Pré-Requisitos. React.js, React Native, Node.js, JavaScript, TypeScript. Node.js Site: https://nodejs.org/en/ React.js Site: https://pt-br.r
♨️ A React + TypeScript + TailwindCSS starter template using Vite with some cool pre-configured features, it's fast.
Features (pre-configured) ⚡️ React 18, TypeScript 4, and Vite 3 🗂 Routing via react-router v6 with lazy loading and protected routes support 📑 Layou
A React hook to wrap react-query results with fp-ts-remote-data results.
@jvlk/remote-data-query Work with responses from @tanstack/react-query using @jvlk/fp-ts-remote-data and fp-ts. Installing npm npm i @jvlk/remote-data
This is a multiplayer tic tac toe game built with Next.js and React and styled with Sass, used Recoil for state management also with a built-in chat system.
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://
Dynamically create react-bootstrap toasts via a simple api.
React-Bootstrap-Toasts Dynamically create react-bootstrap toasts via a simple api. Live demo building... Installation # npm npm install react-bootstra
ui lib for react-native
tit-ui tit-ui is a simple library that contains a set of UI components, functions and Form creating functionality. Setup To install lib open your proj
Teamwork using react with my partner Andres Martinez.
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 simple blog- Using React, Router v6, Tailwind, React-hook-form and more packages.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
live : https://react-shopping-router.vercel.app/
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
👨💻👩💻 Write Markdown. Together.
👨💻 👩💻 LetsMarkdown.com Fast, minimal web editor that makes markdown editing collaborative and accessible to everyone. LetsMarkdown.com Motivatio
Twitter clone developed in typescript and react.
Twitter - User Feed (Clone) 📖 Descrição O Twitter, é uma das maiores rede sociais atualmente . Para o desenvolvimento do clone, foi utilizado typescr
Proyecto de software para administración de gimnasios.
GymNew Proyecto de software para administración de gimnasios. Screenshot Installation Una pequeña introducción sobre la instalación. $ git clone https
🎵 WAV glitcher, generate broken beats from sample loops
Glitcher web Upload a WAV loop, get a glitched broken new WAV. This project written in Typescript has been made with ffmpeg-wasm (through a confidenti
Birthday reminder is a frontend program that allows users see their pictures and birthdate.
Birthday Reminder This is a simple front-end application that displays Birthdays of users. Built With HTML CSS React Live Demo view Website Getting St