React Apps

Explore a collection of React app examples and templates to kickstart your next project. From simple to advanced apps, learn how to build fast, scalable, and modern web applications with React.

Ad-Free YouTube Viewer App built with Next.js

Ad-Free YouTube Viewer App built with Next.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Add Auth to Next.js with Ory

Add Auth to Next.js with Ory

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Admin Template built with Horizon UI NextJS

Admin Template built with Horizon UI NextJS

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
AgentKit: rapidly build high quality Agent apps

AgentKit: rapidly build high quality Agent apps

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Agora Flat Open Source Classroom Client Build With React

Agora Flat Open Source Classroom Client Build With React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Alurakut - a student and front-end website build with React and styled-components

Alurakut - a student and front-end website build with React and styled-components

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An application that will help organize and manage the bookstore with React

An application that will help organize and manage the bookstore with React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An easy-to-use keyboard event react component

An easy-to-use keyboard event react component

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An easy to use mood tracking app build with react and and Tailwind CSS

An easy to use mood tracking app build with react and and Tailwind CSS

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An elegant search field component for React

An elegant search field component for React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An elegant virtual list component for React

An elegant virtual list component for React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An experiment and evaluation of different strategies to handle media queries when doing SSR

An experiment and evaluation of different strategies to handle media queries when doing SSR

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An onboarding wizard flow for Next.js powered by framer motion

An onboarding wizard flow for Next.js powered by framer motion

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An online books system built with spring boot and react

An online books system built with spring boot and react

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An online food delivery application using React.js, ES6, bootstrap5 and firebase

An online food delivery application using React.js, ES6, bootstrap5 and firebase

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
An Unofficial Netflix Clone Build With React And Firebase

An Unofficial Netflix Clone Build With React And Firebase

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
APP with React and backend with Firebase for user registration and storage

APP with React and backend with Firebase for user registration and storage

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Apple signin for React using the official Apple JS SDK

Apple signin for React using the official Apple JS SDK

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Appointment Owner-Pet App built with React And Tailwind CSS

Appointment Owner-Pet App built with React And Tailwind CSS

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Araviel.io SafeCoin Wallet App Build With React

Araviel.io SafeCoin Wallet App Build With React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
A Bookstore application built with REACT, JAVASCRIPT, and SASS

A Bookstore application built with REACT, JAVASCRIPT, and SASS

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Build full featured Windows fluent UI apps using React

Build full featured Windows fluent UI apps using React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Component that performs the effect of writing

Component that performs the effect of writing

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Create a Google Search clone with React.js

Create a Google Search clone with React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Create beautfiful custom applications using 100ms' React SDK

Create beautfiful custom applications using 100ms' React SDK

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Create framer-motion Filter Animation using React.js

Create framer-motion Filter Animation using React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Create live questions & answers rooms with react

Create live questions & answers rooms with react

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Disney Plus Clone Built Using React.js

Disney Plus Clone Built Using React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
E-Commerce Full Stack Application Using React-Redux

E-Commerce Full Stack Application Using React-Redux

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Editable Text Component for React Apps

Editable Text Component for React Apps

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Elevator System: Simple application that controls the elevators in a building

Elevator System: Simple application that controls the elevators in a building

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
File sharing application built with React, TypeScript, WebRTC and socket-io

File sharing application built with React, TypeScript, WebRTC and socket-io

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Frontend demo of a dating app using react

Frontend demo of a dating app using react

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
FSW Barber - A Barber shop reservation App using next.js

FSW Barber - A Barber shop reservation App using next.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs

Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Generate colorful text placeholders

Generate colorful text placeholders

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
GitHub Searcher - A simple app to help you track of Github informations

GitHub Searcher - A simple app to help you track of Github informations

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Gmail Clone Application using React JS and Firebase

Gmail Clone Application using React JS and Firebase

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Hotel Booking Web App Built with React.js

Hotel Booking Web App Built with React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Implementation of redux async flow with react

Implementation of redux async flow with react

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
India COVID-19 Tracker website with react

India COVID-19 Tracker website with react

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Leaderboard for GoogleCloudReady Facilitator program

Leaderboard for GoogleCloudReady Facilitator program

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
LetsDraw: Basic functionalities of a simple online whiteboard tool are implemented

LetsDraw: Basic functionalities of a simple online whiteboard tool are implemented

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Lightweight auth library using the oidc-client library for React single page applications

Lightweight auth library using the oidc-client library for React single page applications

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Macbook computer keyboard style for react component

Macbook computer keyboard style for react component

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Moodlody - A React app with nature sounds to help you focus and relieve stress

Moodlody - A React app with nature sounds to help you focus and relieve stress

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Notty: AI-Powered Note Taking App and Markdown Editor

Notty: AI-Powered Note Taking App and Markdown Editor

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Onborda - A lightweight Next.js onboarding flow that utilises framer motion

Onborda - A lightweight Next.js onboarding flow that utilises framer motion

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Openadhan: Web application made with Reactjs for calculating Muslim prayer times using local (auto) position or manual postion calculated

Openadhan: Web application made with Reactjs for calculating Muslim prayer times using local (auto) position or manual postion calculated

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Opinionated React UI library built with styled-components and TypeScript

Opinionated React UI library built with styled-components and TypeScript

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨