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.

Padel Club Website built with Next.js

Padel Club Website built with Next.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Parent element scales and fits child element with React

Parent element scales and fits child element with React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Password Generator application made using React

Password Generator application made using React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Path finding visualizer web application built with react and typescript

Path finding visualizer web application built with react and typescript

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Patika React E-Commerce App with Mehmet Seven

Patika React E-Commerce App with Mehmet Seven

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Performance monitor for Astro and Next.js web applications

Performance monitor for Astro and Next.js web applications

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
A platform for you to create Q&A rooms with your own audience

A platform for you to create Q&A rooms with your own audience

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Personal Webpage / Homepage application using React

Personal Webpage / Homepage application using React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Pet Hotel Assignment Built With React.js

Pet Hotel Assignment Built With React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Phan Wallet Mock App Built With React

Phan Wallet Mock App Built With React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Pizza order app built with React

Pizza order app built with React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Pizza Parlor App Built with React.js

Pizza Parlor App Built with React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
PlanIt - A web application that encourages users to conserve water by taking a 5 minute shower each day

PlanIt - A web application that encourages users to conserve water by taking a 5 minute shower each day

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Platform for authenticated users to share messages and experiences

Platform for authenticated users to share messages and experiences

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Poem Generator App Built With React.js

Poem Generator App Built With React.js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Pokédex built with React JS, PokéAPI and webpack

Pokédex built with React JS, PokéAPI and webpack

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Pokédex created with Reactjs

Pokédex created with Reactjs

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Pokemon Shopper application written in React.JS

Pokemon Shopper application written in React.JS

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Polywallet - An authentication layer for Bitcoin (SV) apps using Bitcoin SV wallets

Polywallet - An authentication layer for Bitcoin (SV) apps using Bitcoin SV wallets

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Portfolio App Built with React Bricks & TypeScript in Replit

Portfolio App Built with React Bricks & TypeScript in Replit

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Posthumous Automation App built using React

Posthumous Automation App built using React

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Practice code-typing with top 1000 keywords of the most popular programming languages

Practice code-typing with top 1000 keywords of the most popular programming languages

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Probably the fastest way to build a React Native app with your own backend

Probably the fastest way to build a React Native app with your own backend

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Product Catalog App Build Using React.js & Tailwind CSS

Product Catalog App Build Using React.js & Tailwind CSS

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Product comparison page build using React and Redux

Product comparison page build using React and Redux

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Product List Application Using React.js and Material-UI

Product List Application Using React.js and Material-UI

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Production template for full stack applications Next js

Production template for full stack applications Next js

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Proffy - An online study platform that helps people find teachers online

Proffy - An online study platform that helps people find teachers online

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Prompt a text that will generate an image

Prompt a text that will generate an image

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
Query React components in the same way query html tag with querySelector

Query React components in the same way query html tag with querySelector

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React 18 Beta and Next.js 12.0.4 Demo & Benchmark

React 18 Beta and Next.js 12.0.4 Demo & Benchmark

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React and NodeJS Web application for graphing rocket telemetry data

React and NodeJS Web application for graphing rocket telemetry data

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React app demo for displaying table with filter, sort and search

React app demo for displaying table with filter, sort and search

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React App for Downloading a Component as Image

React App for Downloading a Component as Image

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React app that allows users to compare and analyze the cost of living between cities around the world

React app that allows users to compare and analyze the cost of living between cities around the world

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React app that can search and display a GitHub profile

React app that can search and display a GitHub profile

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React app that uses AI to analyze text and extract the best keywords

React app that uses AI to analyze text and extract the best keywords

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React App with Amplify Authentication using TypeScript

React App with Amplify Authentication using TypeScript

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React app with TypeScript - React Router Dom

React app with TypeScript - React Router Dom

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React application leveraging OpenAI's GPT-4 Vision API for image content analysis and description

React application leveraging OpenAI's GPT-4 Vision API for image content analysis and description

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React application that displays country happiness data

React application that displays country happiness data

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React application that fetches data from my back-end API on rails

React application that fetches data from my back-end API on rails

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React authentication app flexible to link it to any external authentication source

React authentication app flexible to link it to any external authentication source

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React-curved-text : A library for creating circular / curved texts in React projects

React-curved-text : A library for creating circular / curved texts in React projects

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React e-commerce project using json-server to consume REST API

React e-commerce project using json-server to consume REST API

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React Finger - A library of gesture events for React that allows developers to use a single set of events

React Finger - A library of gesture events for React that allows developers to use a single set of events

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React Firebase Material-UI insta reels app

React Firebase Material-UI insta reels app

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React frontend with integrated solidity smart contract

React frontend with integrated solidity smart contract

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React micro-frontends component that loads vue

React micro-frontends component that loads vue

Made with:
HTML / CSS (SCSS) / React

Compatible browsers:
Chrome, Edge, Opera, Safari
Dependencies:
React
React Native Screen Keyboard

React Native Screen Keyboard

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