React React Resources

简介 文影 (Language Shadow) 是一个简单的翻译器，原理： 使用 OCR 识别指定区域，获得文字用于翻译。目前支持离线情况下，英文翻译成中文。 GUI 部分则是使用 Ave React 开发的。 演示视频见: 文影：实时英语字幕翻译 - 完全离线、免费且开源 发布 文影 (Langu

react-native-reanimated-viewer A high performance image viewer in react-native used by react-native-reanimated. Install npm install react-native-reani

Learn React with Codespaces 📝 Welcome to your first Codespace running a popular UI framework called React! We've got everything fired up and running

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

⚛️ 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. 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

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 Live Site Introduction This is a code repository for the corresponding video tutoria

The stack that is being used: React (custom hooks, context, portals), Firebase (Firestore/auth), Compound & Styled components! Hey! I finally finished

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

page_type description products languages sample This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 fr

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. 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.

Svix - Webhooks as a service Website | Documentation | Community Slack Example Svix Application This is an example Next.js application showing how to

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 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-click-outside React Native library to detect clicks outside the component 👆 🪄 Installation yarn add react-native-click-outside 📖 Usage

Jira AI Jira AI is an application that uses the ChatGPT language model to automatically generate task descriptions in Jira. Technologies Used Forge (N

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

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

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

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-React-Native Youtube UI - (Dark Theme) Created Using React Native (Expo) UI Screenshots Ios Android Live On Expo Download The ExpoGo App Fr

Stylin React in-component styling, Theme-Based, Suggestive, primitive CSS allowed. Installing To install the package you must to have installed node a

react-discord-presence Display your Discord presence. yarn add react-discord-presence Example Check it out on StackBlitz. Loading State Error State Y

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

MyGitHub The MyGitHub component is a pre-styled React component for displaying a GitHub user's projects and other informations. With just one import,

Shopping E-commerce Website This repository contains a shopping app built using React, the React-redux toolkit, Firebase authentication, and Razorpay.

Space-Travelers-Hub React group project Space-Travelers-Hub 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live De

react-runtime-envar Set the runtime variables of React apps using environment variables Build the docker image and run container Build the docker imag

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 📗 Table of Contents 📗 Table of Contents 💻 Book Store 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Prerequ

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Catching Sunset CatchingSunset is a web application created by React.js. The application allows users to randomly pick their destination and plan thei

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

@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 Comments With Line Indicators ### Uses reanimated 2 to collapse comments via [`reanimated-collapsible-helpers`](https://github

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

Norigin Spatial Navigation Norigin Spatial Navigation is an open-source library that enables navigating between focusable elements built with ReactJS

eslint-plugin-nozbe A collection of helpful ESLint rules we created while building Nozbe app. Installation yarn add --dev @nozbe/eslint-plugin-nozbe I

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

react-native-override-color-scheme React Native package to let users override the app's color scheme/theme. Installation npm install react-native-over

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

🚀 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

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 Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries and the TypeScript ecosystem. This is a

Reactive store - a minimum and lightweight external store for React and React Native application Table of contents Features Installation Usage 3.1 Cre

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

FortuneSheet FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets English | 简体中文 Purpose

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

React Vimeo Provider Open docs → Install via npm npm i react-vimeo-provider Import import {VimeoProvider} from "react-vimeo-provider"; Use VimeoProvi

Site Preview About 🏁 A register form using react-hook-form and validation Yup and additional validations using Regex. Features 🔨 Validate input name

Personal Website See: mruzunov.com. My personal website. A simple, easily modifiable, fully responsive, modern, single-page application built using Re

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

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

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

Lightence React-powered 100% FREE Admin Dashboard Template for building rich user interfaces significantly faster. For developers of all levels. Open-

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-spline react-spline allows you to export and use Spline scenes directly in your React websites. 🌈 Spline is a friendly 3d collaborative design

Next.js Storefront Next.js Storefront: Your open-source frontend starter pack for building performant e-commerce experiences with Saleor. Saleor Check

electron-vite-react English | 简体中文 👀 Overview 📦 Ready out of the box 🎯 Based on the official template-react-ts, project structure will be familiar

Animeflix - Watch animes online The open-source anime streaming service made with NextJs and TailwindCSS. It lets you search, watch animes without any

@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

🪢 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

Table of Contents Table of Contents Introduction Features Installation Development Creating a build License Introduction Pointless is an endless drawi

🚀 Spanish README Dropzone UI The best, most complete and easy to use, React file upload library. ⚡ Live demo and code generator : dropzone-ui.com ❤️

hy-event-store An event-based global state management tool for vue, react, mini-program, etc. 一个基于事件的全局状态管理工具，可以在Vue、React、小程序等任何地方使用。 设计灵感 在项目中找到一个更加

📓 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

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

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

@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

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

Ladle is an environment to develop, test, and share your React components faster. Documentation Demo Twitter StackBlitz Discord Quick start mkdir my-l

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

Vite Electron Builder Boilerplate Vite+Electron = 🔥 This is a template for secure electron applications. Written following the latest safety requirem

Warning This library is currently unmaintained. You may want to look at a similar alternative like Chakra UI, Material UI or Mantine. 😊 Bumbag Build

Tailwind React Native Classnames 🏄‍♂️ A simple, expressive API for TailwindCSS + React Native, written in TypeScript import { View, Text } from 'reac

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

∿ 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

The example repository is maintained from a monorepo. Pull Requests should be opened against nextauthjs/next-auth. NextAuth.js Example App Open Source

How to start use? npx react-native init AwesomeApp --template https://github.com/CrisangerA/react-native-template-clean-arch.git Why this template? W

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

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

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

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

🚀 Projeto MySticker Este projeto foi densenvolvido pelo o Educador da Rocketseat Rodrigo Gonçalves, neste projeto podemos aprender um pouco a utiliza

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

Features (pre-configured) ⚡️ React 18, TypeScript 4, and Vite 3 🗂 Routing via react-router v6 with lazy loading and protected routes support 📑 Layou

@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 Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

React-Bootstrap-Toasts Dynamically create react-bootstrap toasts via a simple api. Live demo building... Installation # npm npm install react-bootstra

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

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

👨‍💻 👩‍💻 LetsMarkdown.com Fast, minimal web editor that makes markdown editing collaborative and accessible to everyone. LetsMarkdown.com Motivatio

Twitter - User Feed (Clone) 📖 Descrição O Twitter, é uma das maiores rede sociais atualmente . Para o desenvolvimento do clone, foi utilizado typescr

GymNew Proyecto de software para administración de gimnasios. Screenshot Installation Una pequeña introducción sobre la instalación. $ git clone https

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 This is a simple front-end application that displays Birthdays of users. Built With HTML CSS React Live Demo view Website Getting St