306 Components & Libraries
React config-router Libraries
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
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 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
♨️ 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 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
The full-stack form library for Remix and React Router
Welcome to Remix Forms! This repository contains the Remix Forms source code. We're just getting started and the APIs are unstable, so we appreciate y
The Complete Electron, React Template for Robust Multi-Platform Apps in Production
Welcome to React Electron Template 👋 React Electron Template is help you to build multi-platform desktop apps easier. Don't worry about the configura
Minimalist and lightweight UI library, even with its own markup language and a CSS-In-JS library built into the template, Router and a powerful template reactivity system.
Translations: Português do Brasil Bemtv(Abbreviation of the bird's name Bem-te-vi) is a JavaScript library that brings a new approach to creating inte
In this project im going to build and deploy a online bus reservation application. Covered topics: Reactjs, Nodejs, Expressjs and Mongodb.Design patern: mvc
Merkob.ma This is a node.js online bus reservation application powered by Express that provides the main functions you'd expect, an admin system, etc.
A youtube search clone built with TypeScript, TailwindCSS, React-Router-Dom, React-Infinite-Scroller
demo.mp4 A Youtube search function clone project built with React, TypeScript, React-Router, TailwindCSS, and React-Infinite-Scroller. Users can searc
A preview of the new router for React Native apps.
Expo Router Preview This is a preview of the new router for React Native apps. It is currently in alpha and is not ready for production use. The repo
Expo Config Plugin that generates an App Clip for iOS apps built with Expo.
react-native-app-clip Expo Config Plugin that generates an App Clip for iOS apps built with Expo. Installation Install it in your project: expo instal
🌎A react-router-dom adapter for Electron apps
Electron Router DOM 🌎A react-router-dom adapter for Electron apps If you've already tried using react-router-dom with Electron, had difficulties ge
Frontend Folder using Create react app and tailwind config, without all the create-react-app boilerplate
Using This Template To use this template click the green button above labled "use this template", then clone it from your repository and run npm insta
Social media app with React , GraphQL
MERN Stack Build (GraphQL) 🔴 LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE MongoDB HERE Postman HERE Heroku HERE This project was bo
A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router
A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router
A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.
A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.
Website built using react to check the weather of the city chosen by the user
Website built using react to check the weather of the city chosen by the user. The Shown data are temperature in celsius, humidity percentage, wind Speed, and Description of the weather state
Shopsy eCommerce React Application
Shopsy is a eCommerce application made using React and Redux. The aim of the project is to prove the proficiency in react based technologies and my love for react.
Dashboard made complete with skeleton structure and dark mode switcher
Dashboard made complete with skeleton structure and dark mode switcher. Using localstorage and api.. On Progress Development
A Stunning portfolio ⚡️ build with React JS and framer-motion. Framer-motion for cool transitions and animation.
A Stunning portfolio ⚡️ build with React JS and framer-motion. Framer-motion for cool transitions and animation. Showcasing about me. And uses Email.JS for Contact form.
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
Class Component utilities for React Router 6+
React Router class tools Class Component utilities for React Router 6+ Feature withRouter() function withRouter() decorator RouteComponentProps this.p
Google Books Searcher with React/Redux/CSS Modules
Google Book Searcher Приложение, позволяющее искать книги через Google Books API Посмотреть деплой Экосистема React SPA redux, react-redux, redux-tool
Admin panel developed by react and typescript.
React Admin Panel React Admin Panel developed and build with React (v17.0.2), TypeScript (v4.4.2) and React Router v6. For Styles, is used SCSS. I am
React GraphQL TypeScript Template
An enterprise react template application showcasing - Testing strategies, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading, and Continuous integration & deployment.
A zero-config toolkit for creating fine Forge apps
The Forge Dev Kit (FDK) is a preconfigured set of libraries and frameworks for developing apps for Atlassian Jira - and soon, Confluence - with ease. The FDK builds on Atlassian Forge, TypeScript, React, Emotion, Next.js, and the Atlassian Design System, plus a number of libraries to glue it all together.
A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality
A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality including user register, user login, user authentication, shop cart management, order management, and payment using Stripe, etc.
A guard middleware for react-router v6
A guard middleware for react-router v6, inspired by react-router-guards.
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.
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
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
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.
Notes app originally made using Vue, re-made completely using React
Notes Mini Notes app originally made using Vue, re-made completely using React! Made using - React (18) - Main framework/library Typescript - Language
Hash Route + History Route Additional based for React Route v6
Hash Route + History Route Additional based for React Route v6 Support Version Map React React Scripts Bear React Grid 18 5.0.1
A Youtube search function clone project built with React, TypeScript, React-Router, TailwindCSS, and React-Infinite-Scroller
demo.mp4 A Youtube search function clone project built with React, TypeScript, React-Router, TailwindCSS, and React-Infinite-Scroller. Users can searc
Expo Config Plugin to add a Safari Extension to a React Native iOS App
react-native-safari-extension Expo config plugin that generates a Safari Extension for iOS apps. Not sure what Safari Extensions are? Check out Apple'
🔍 Holmes is a 0 config, fast and elementary state orchestrator for React
React Holmes 🔍 - Elementary State Orchestrator for React 🔍 Holmes is a 0 config, fast and elementary state orchestrator for React. Holmes has a very
A small router middleware for vanilla-js.
A small router middleware for vanilla-js
All-in-one solution for configuring ESLint in all of your projects
✨ All-in-one solution for configuring ESLint in all of your projects ✨ Before you start The README on main branch can contain some unreleased changes.
Simple React Shopping Cart 🍅 🍆 🍉 🍒 🍊 😆
Shopping card react 🍒 🍆 🍊 🍅 🍉 🍌 🍐 Package in Project: react-router-dom React Icon Feature SPA "with react router dom" info page for products st
Styx UI provides a set of accessible, reusable, and minimalist React components
Set of Accessible, Reusable & Minimalist React Components for Web.
Route Sphere - Sync query parameters with a MobX store and React Router
Route Sphere - Sync query parameters with a MobX store and React Router
Boilerplate for a Blog based on React.js, Node.js & Next.js
OMISOFT BLOG EXAMPLE - ADMIN PANEL Here you can find a simple boilerplate for a Blog based on React.js & Next.js. We use this code in the project Sudo
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..
A simple boilerplate for a Blog based on React.js & Next.js.
OMISOFT BLOG EXAMPLE - FRONT END Here you can find a simple boilerplate for a Blog based on React.js & Next.js. We use this code in the project Sudoku
Custom hook for tracking client-side navigation performance in Remix/React-Router applications
remix-use-spa-metrics Custom hook for tracking client-side navigation performance in Remix/React-Router applications Motivation The current performanc
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
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
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
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 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..
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.
Css Generator 😃
Css Generator 😃 Packages used in Project : React Router Dom Framer Motion react-color react-icons react-awesome-button Preview Tools 🔨 Background to
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
Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config
Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config. Jest-SWC, Storybook, SWC, Typescript, Webpack 5.
Generated file-based routes for React Location and Vite
Generouted Generated file-based routes for React Location and Vite Motivation I enjoyed working with file-based routing since started using it with Ne
Redesign of linkedin.com with Next.js, Tailwindcss
Linkedin.com (Redesign with Next.js & Tailwindcss) It is a redesign of the professional networking and career development website Medium.com. It is de
Amazon Clone with React, Redux, and Firebase
Amazon Clone with React, Redux, and Firebase
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
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
Studio Ghibli Films - Created with: React, Redux, tested with Jest
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. You can search, and click on each card to get more details! Created with: React, Redux, tested with Jest.
Islamy web app using React
Islamy web app using React Project Description a web application that has a lot of features That matter to every Muslim with a good user experience. .
Cryptocurrency Dashboard App with React-Typescript-Coingecko API
Cryptocurrency Dashboard App with React-Typescript-Coingecko API
Completed React & Redux project, releated to a single page app (SPA)
Completed React & Redux project, releated to a single page app (SPA), were you can find information of the most popular crypto coins in the market using coingecko API. Including a search bar for filtering the crypto coin you want to match.
A mock SpaceX website to showcase info about this company, like rockets and missions
Inspired by the amazing company SpaceX, we built a mock website to showcase info about this company, like rockets and missions. It allows you to reserve rockets and a missions at will. You can then view all your reserved rockets and missions in your profile page. We built this website using React and Redux and we style it using React Bootstrap.
💻 A page of pokemons consuming PokéAPI with Axios and React
What is inside? ReactJS TypeScript Styled Components Jest React Testing Library Eslint Prettier Husky PokeAPI Getting Started Install dependencies: ya
React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components
React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project
Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.
TodoLst-UsingReact: a simple Todo-List app created using React
TodoLst-UsingReact This is a simple Todo-List app created using React, it performs operations like, allowing users to input list of todos, edit a todo
Application to practice the knowledge in React, and TailWind CSS, and in the future start the studies in Node
NBA Cards Aplicação para praticar os conhecimentos em React, e TailWind CSS, e futuramente iniciar os estudos em Node. Intuito A aplicação consiste em
Echooling Website React
Echooling Website React Live Demo Available Scripts In the project directory, you can run: Installation Below is an example of how you can instruct yo
TailwindCss plugin to export Typescript typings, helpers and const from your config.
Tailwind TS Generator ⚡️ Generate Tailwind type from your own configuration! This package is a Tailwindcss plugin that generates code out of your tail
🔄 Basic project to start studying React and Typescript
🔄 Basic project to start studying React and Typescript. With it you can translate text to binary or morse language. This project addresses the creation of routes and components.
A fully responsive React app that allows you to search for movies from Movie Database.
Movie Searcher A fully responsive React app that allows you to search for movies from Movie Database (IMDB Alternative).
Universal routing built on top of redux
For usage with React see example/main.js. See redux-routing-universal-example for an example of a universal application that renders on both client and server.
Flipkart-clone - Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture
Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch fea
Storybook-addon-next - A no config Storybook addon that makes Next.js features just work in Storybook
Storybook Addon Next 😱 No config support for Next.js: Tired of writing and debu
A redux middleware for synchronizing the url with your redux store's state
A redux middleware for synchronizing the url with your redux store's state. It provides a set of action creators for changing the url, and if the url matches a user-defined route, an action will be dispatched with some metadata of the url such as parameters and query.
Ruthlessly simple bindings to keep react-router and redux in sync
Project Deprecated This project is no longer maintained. For your Redux - Router syncing needs with React Router 4+, please see one of these librari
Redux Tiny Router
A Router made for Redux and made for universal apps! stop using the router as a controller... its just state!
Eslint-config - Modern ESlint configuration for JavaScript and TypeScript that includes Airbnb, React, jsx-a11y and Pettier rules
eslint-config-100terres A modern ESlint configuration for JavaScript, TypeScript
Space Traveler's HUB, in this web app you will be able to take a fictional tour across space.
Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.
It is a Single Page App (SPA) that allows users to: Add todo. Update todo. Delete todo. Navigate between pages with react router. Data in this app has been preserved using localStorage.
Todo App In this project I buit a simple react app wich is "Todo list", using react. This app was built according to the steps provided in the React T
Using chentsulin/redux-boilerplate as template. Extend counter examples with react-router.
generator-redux-app Scaffold out a redux app Using chentsulin/redux-boilerplate as template. Extend counter examples with react-router. And use jest.
A router that turns URL params into first-class Redux state and runs action creators on navigation
Universal Redux Router A router that turns URL params into first-class Redux state and runs action creators on navigation. Navigation Motivation Featu
Redux bindings to director router. Works as front end router for redux react applications.
redux-director Redux bindings to director. This has been inspired from redux-router-director ##Installation npm install director --save npm install re
Yet another store using redux
Yax (Yet Another Store) Yet another store using redux. (Inspired by vuex and dva) Demos & Plugins yax-router: Router plugin for yax (Using react-route
Ideapedyudi-charts - Test package chart with react.js
Ideapedyudi-charts - Test package chart with react.js
Netflix clone, React Advance, scrimba course
Netflix Clone Netflix clone, React Advance, scrimba course Check out in this link Built With REACT, FIREBASE Getting Started To get a local copy up fo
Eslint-config - Shared ESLint config and plugin for Widen
Widen ESLint Widen's shared ESLint config and plugins. Installation yarn add -D
React Native Url Router aims to simplify native navigation patterns
React Native Url Router React Native Url Router aims to simplify native navigation patterns. It allows for native navigation UI that feels natural on
Tesla Clone created with ReactJs + React-router + Firebase + Redux
A Responsive real-like Tesla Clone created with ReactJs,React-router, Firebase for authentication, Redux for state management, AOS, Styled-components and Material-UI.
Create React App Firebase Starter Template
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase. With google authentication, routing and deployment capabilities built in.
Upschool-beerpong - Search/Filter beer for beerpong, built with react.js
Beer for Beerpong 🍺 You can search beer to play beer pong 🍻 🏓 You sink it, th
🚀 The Progressive App Framework Based On React
icejs A universal framework based on React.js, Docs. Features 🐒 Engineering:Out of the box support for ES6+、TypeScript、Less、Sass、 CSS
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.
VSCode extension to generate a router based on file based routing and nested layouts
vscode-router-generator VSCode Extension to generate a router based on a file structure and returning the correct nested layouts. There can be optiona