React Example Apps

These are open-source apps that use React. They range in complexity from simple apps designed for learning, to complex apps with large numbers of real users.

Try looking at games or clones or todo apps.

197 Projects
Sort
f8app
Source code of the official F8 app of 2017, powered by React Native and other Facebook open source projects.
.
.
kitematic
Visual Docker Container Management on Mac & Windows
.
.
spectacle
ReactJS based Presentation Library
.
.
learnGitBranching
An interactive git visualization to challenge and educate!
educational
.
.
graphiql
An in-browser IDE for exploring GraphQL.
.
.
sound-redux
A Soundcloud client built with React / Redux
.
.
debugger.html
The Firefox debugger that works anywhere :boom:
.
.
spectacle-code-slide
:metal: Present code with style
.
.
react-tetris
Use React, Redux, Immutable to code Tetris. 🎮
game
.
.
HackerNews-React-Native
Hacker News iOS and Android App - Made with React Native.
clone
.
.
Mancy
>_ Electron based NodeJS REPL :see_no_evil:
.
.
illustrated-algorithms
Interactive algorithm visualizations
educational
.
.
gitify
GitHub Notifications on your desktop.
.
.
react-music
Make beats with React!
.
.
phoenix-trello
Trello tribute done in Elixir, Phoenix Framework, React and Redux.
clone
.
.
filepizza
:pizza: Peer-to-peer file transfers in your browser
.
.
react-hn
React-powered Hacker News client
.
.
guesstimate-app
Create Fermi Estimates and Perform Monte Carlo Estimates
.
.
react-stockcharts
Highly customizable stock charts with ReactJS and d3
.
.
kajero
Interactive JavaScript notebooks with clever graphing
.
.
react-faq
A collection of links to help answer your questions about React.js
educational
.
.
FinanceReactNative
[Deprecated] iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).
clone
.
.
login-flow
:key: A login/register flow built with React&Redux
.
.
NativeBase-KitchenSink
An example app with all the UI components of NativeBase
.
.
isomorphic500
A 500px app built with React and Fluxible with babeljs
.
.
pixel-art-react
Pixel art animation and drawing web app powered by ReactJS
.
.
react-trello-board
Trello like board based on React, Redux, React-dnd
clone
.
.
cf-ui
:gem: Cloudflare UI Framework
.
.
favesound-redux
🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.
.
.
Cumulus
☁️ A SoundCloud player that lives in your menubar.
.
.
GitHunt-React
:arrows_clockwise: An example app frontend built with Apollo Client and React
.
.
3ree
An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express. A stack for building apps, front and back end, with just Javascript.
.
.
fil
A playground for in-browser interpreters. Built with React/Redux.
.
.
apparatus
A hybrid graphics editor and programming environment for creating interactive diagrams.
.
.
todo-react-redux
Todo app with Create-React-App • React-Redux • Firebase • OAuth
todo
.
.
flatris
A fast-paced two-player web game
game
.
.
soundredux-native
📱 In an effort to try react-native along with redux
.
.
d4
Data-Driven Declarative Documents
.
.
mobx-react-form
Automagically manage React forms state and automatic validation with MobX
.
.
react-yelp-clone
Tutorial: Build a Yelp-clone in React
clone
.
.
react-redux-socketio-chat
Full Stack Chat Application
chat
.
.
saga-login-flow
A login/register flow built with React + Redux Saga
.
.
tldr.jsx
:books: A Reactive web client for tldr-pages
.
.
panther
Discover artists through an infinite node graph
.
.
djent
A metal breakdown generator
.
.
react-native-animation-book
A book talking about react-native animations, and walking you through from beginner to expert.
educational
.
.
chrome-react-perf
An Operation Interface for react-addons-perf Package
.
.
soundcloud-redux
SoundCloud API client with React • Redux • Redux-Saga
.
.
orb
Pivot table javascript library
.
.
phoenix-battleship
The Good Old game, built with Elixir, Phoenix, React and Redux
game
.
.
reactjs-tmdb-app
Responsive React 'The Movie Database' (TMDb) App
.
.
den
iPhone app built with React Native for viewing houses for sale in the Northwest
.
.
retro-board
Retrospective Board
.
.
yoda
A nifty Mac OS X app to browse and download YouTube videos
.
.
HAgnostic-News
:fire: A simple Hacker News reader which is available for the Web and as React Native app (Android / iOS)
clone
.
.
datamaps.co
Datamaps.co is a free and simple platform for creating visualizations with data maps
.
.
marky
A markdown editor built with Electron and React
text editor
.
.
key-and-pad
🎹 Fun experiment with the Web Audio API 🎶
.
.
redux-store-visualizer
Visualize Redux store in real time
.
.
react-inspector
Power of Browser DevTools inspectors right inside your React app
.
.
component-inspector
Component DOM inspector
.
.
react-atv-img
A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.
.
.
react-ultimate
React Ultimate Example
.
.
pabla
Engaging social media image tool. Like Buffer's Pablo. Meant as a React+Canvas experiment. [alfa quality]
.
.
calculator
Simple calculator built with React
clone
.
.
glipchat
video chatroom using meteor + webrtc + react + redux
chat
.
.
blockbuilder
Create, fork and edit d3.js code snippets for use with bl.ocks.org right in the browser, no terminal required.
.
.
pdxlivebus
Realtime Trimet map. Live update of all active vehicles
.
.
react-komik
:speech_balloon: ReactJS based comic strip creator using fabric.js canvas rendering
.
.
pileup.js
Interactive in-browser track viewer
.
.
gl-react-image-effects
[WIP] universal image app that uses different gl-react components
.
.
Reacteroids
A implementation of the classic Asteroids game using React and Canvas in es6
game
.
.
Rails5-ActionCable-Redux-React-ChatAppExample
A Rails5, ActionCable, Redux/React ChatApp Example, now with Webpack/HMR for rapid development
.
.
tinysynth
A drums looper made with React and the WebAudio API
.
.
portfolio-redux-app
A portfolio template built with Redux and React
.
.
belgian-beer-explorer
App built with React, Bootstrap, Node.js, Postgres
.
.
cloud-vision-explorer
Google Vision API demo
.
.
react-native-todo
A simple To Do application written in React Native
todo
.
.
mortgage
Mortgage overpayment calculator using React, Redux and D3
.
.
google-map-clustering-example
clustering example for google-map-react
.
.
React-RxJS
React + RxJs + React-Router + Webpack + babel and soon more
.
.
React-Leaflet-demo
Demo of a Leaflet map created with React
.
.
react-particles-experiment
An experiment to see if you can make a particle generator in redux+react+d3.
.
.
remember
Progressive web app using geolocation and device orientation in React with Redux
.
.
relay-visual-learners
An overview of the Relay framework for visually-minded people.
educational
.
.
npm-trends
NPM package comparison
.
.
es6-interactive-guide
An interactive guide to ES6
educational
.
.
refire-forum
Serverless discussion forum built with React, Redux and Firebase
.
.
circuit-simulator
An interactive electronic circuit simulator
.
.
newswatch-react-native
📺 A news app using YouTube playlists, built with React Native
.
.
react-example
Simple React example app
.
.
suddi.github.io
A static single-page application resume-builder developed using React.js and JSON Resume schema (https://suddi.github.io/)
.
.
react-native-rss-reader
RSS Reader built with React Native
.
.
redux-orm-primer
A guide to creating a simple todo app with Redux-ORM
.
.
teamchatviz
#teamchatviz
chat
.
.
react-sketchpad
Sketch pad created with canvas
.
.
react-iTunes-search
:musical_note:Simple web app for itunes search with React
.
.
emoji-search
Simple React app for searching emoji
.
.
react-graphql-todos
Simple Todo App with React and GraphQL
todo
.
.
react-solitaire
React implementation of the famous solitaire card game
game
.
.
fat-file-finder
Electron app for finding large files on your filesystem. Build with React, Redux and ES6.
.
.
iTunes-Remote
Remotely control iTunes on Mac without Internet 🎶📱
.
.
reactjs-conf-2016
React.js Conf 2016 React Native App
.
.
react-term
A simple terminal emulator in React
.
.
bezier-easing-editor
Cubic Bezier Curve editor made with React & SVG
.
.
site-selection-concept
Site selection concept to try out react-motion. Demo:
.
.
react-solitaire
A game of Solitaire in React
game
.
.
podbaby
Personal podcast web client
.
.
React-hacker-news
🔑 Hacker News site using React.js (fully responsive site)
clone
.
.
manygolf
massively multiplayer golfing
game
.
.
kattappa
A block based rich text editor.
.
.
aframe-meetup-example
Simple example of building a virtual reality scene using A-Frame, React, Redux and data from Meetup
.
.
studentinsights
Student Insights for Somerville and New Bedford educators
.
.
redux-state-history
Redux store enhancers for tracking and visualizing state changes
.
.
repo.cat
:cat: Trending GitHub repos on Hacker News.
.
.
twitch-redux
A basic Twitch Client using React and Redux (Similar to soundredux.io project).
.
.
simple-data-table-map
Editable :earth_americas: data-map (React + Redux). http://caspg.github.io/simple-data-table-map/
.
.
i-have-to-return-some-videotapes
Collect and return your videotapes that are scattered about the woods
.
.
react-photo-feed
Simple photo gallery and example app with responsive image grid, columns customizing, one-column view with description, fullscreen preview with one click. Pure CSS for that.
.
.
redux-tetris
Simple tetris clone made using React + Redux.
.
.
20v
An app to enjoy a music channel with your favorite videos
.
.
gitchecker
GitChecker is an open source tool which aggregates statistics about Github projects
.
.
dripr-ui
dripr.io interface
.
.
d3-state-visualizer
Real-time visualizations of your application state
.
.
n-queens-visualizer
Visualizes solutions to the N-Queens problem, written in React & Flux
educational
.
.
steepless
An app to find the flattest routes and avoid the hilliest routes
.
.
react-scifi
Sci-fi UI expreiment with React.js
.
.
cosmicapp-voting-app
A voting app built using React, MobX and Cosmic JS
.
.
react-trivia
Trivia app built with React
.
.
mortgage-mobx
Mortgage overpayment calculator using React with MobX state tree and D3
.
.
react-yt
A YouTube player component for React following the render props pattern
video
.
.
social-expert
Master your GitHub notifications by priority and weight.
.
.
react-cardboard
Proof-of-concept hooking up React with Google Cardboard
.
.
torontojs.com
The Website for TorontoJS
.
.
repeat-todo
A simple app I made for my wife
todo
.
.
graffiti-todo
Example Relay TodoMVC application using graffiti-mongoose
todo
.
.
sudoku
Simple sudoku web game made with ReactJS and Redux.
game
.
.
bobonroastprofile
Online coffee roast profile platform. https://roast.bobon.coffee
.
.
shifted-maps
Shifted Maps visualizes personal movement data as a network of map extracts showing visited places.
.
.
fx
Exchange rates streamed over websockets for multiple frameworks - React Typescript, Angular, Vue.js, Web Components
.
.
ear-sharpener
a simple game for practicing pitch perception
game
.
.
tallyapp
Real-time polling with React.js and Firebase
.
.
react-pong
:white_check_mark: A pong game React component
game
.
.
react-mega-man-robot-masters
A React app listing the robot masters from the Mega Man series. It uses react-flip-move for real cool animations.
game
.
.
noteme
OSX's Notes app clone for Ubuntu & Windows. :notebook: :sparkles:
clone
.
.
transhand
React based 2d transformation handler for graphic designer tools
.
.
react-svgpathplayer
A ReactJS player component for animating and stepping through SVG paths.
.
.
converter-react
Sample React + Flux app w/ server-side rendering / data bootstrap and more!
.
.
reactjsconf2016
Example used in gl-react's talk at React.js conf 2016
.
.
foodprocessor
A react/mobx javascript app for displaying recipes
.
.
kivalensjs
KivaLens reworked as a ReactJS App
.
.
daisywheeljs
The Steam "Big Picture" Daisywheel ported to JS and CSS. Supports Gamepad API.
game
.
.
postcss.parts
A searchable catalog of PostCSS plugins —
.
.
ReactPreview
ReactJS view for previewing media URLs
.
.
react-text-emoji
React text to Emoji Component!
.
.
Kangaroo
A simple bookmarks manager built with react and backbone with flux architechure.
.
.
linked-highlighting-react-vega-redux
Example of doing linked highlighting with React, Vega, and Redux
.
.
places
Looking into names of places ( http://bgrsquared.com/places/ ), based on Moritz Stefaner's http://truth-and-beauty.net/experiments/ach-ingen-zell/
.
.
ColorFlood
A color filling game
.
.
sankey
A D3/Faux-dom/React App to build and read sankey diagrams
.
.
linked-highlighting-react-d3-reflux
An example of doing linked highlighting using React, d3.js and Reflux
.
.
calculator
A calculator built with React, Redux and Ramda
.
.
react-masonry-gallery
Masonry react gallery
.
.
franklin
:pencil2: Our DNA sequence annotation tool.
educational
.
.
react-redux-sudoku
Source code of my blog post at: http://danialk.github.io/blog/2016/01/15/sudoku-written-using-es6-react-redux/
game
.
.
muuvie
A simple movie search app using omdb api
.
.
react-dodgy-game
A tiny dodging game built in react
game
.
.
react-basic-vis-examples
A few basic visualization examples that build on each other, using React and D3.js.
.
.
copland
A music making experiment with React+Redux
.
.
react-facebook-friends
:thumbsup:Web app to rank, quantify your FaceBook friendship with React
.
.
mastermind
Mastermind classic game written in ReactJS, Redux and ImmutableJS
game
.
.
web
devnews web app
.
.
react-hi-text
React text highlight component
.
.
N-Puzzle
An app that let's you play the N-Puzzle game (Also has god mode).
game
.
.
fermat-point
A fermat point calculator built using SVG and ReactJS
.
.
central-limit
A visual explanation of the central limit theorem
.
.
history-of-humanity
wiki powered history project
.
.
lymbus
.
.
courser
Learn words
educational
.
.
redux-memory-game
Redux implementation of a Memory Game
game
.
.
bible-redux
:book: Beautiful open bible app built with Redux, ReactJS, ES2015
.
.
mastermind
The Mastermind game made in Webpack, ES6 and React
game
.
.
react-reversi
Implementation of the game of Reversi (Othello) in React.js.
game
.
.
hdo-enighet
Visualize party agreement in the Norwegian parliament.
.
.
S3-Infrequent-Access-Calculator
A react app that lets you calculate S3 costs between Standard vs Infrequent Access buckets.
.
.
markdown-editor
Simple markdown editor with live preview, using react-markdown
.
.
NumberRush
A number based React game to help you learn German numbers! 🇩🇪
game
educational
.
.
react-speed-reader
Speed Reader component for React
.
.
react-aframe-demo1
React A-Frame Demo 1
.
.
All-Convertors
An interface to provide utilities to convert html to either JSX or JADE and to convert css to pre-processors like LESS and STYLUS
.
.
react-tunesdeck
Music feed in real time.
.
.
KeyFinder
Web based tool to identify musical scales and their related keys, rendered with React.js
.
.
bmi-calc
Reactive BMI Calculator. React + Webpack + ES6
.
.
reword
An experiment with emerging React solutions
game
.
.
repr
A companion to count out your reps at your desired cadence
.
.
web-gpio-react
Frontend for IoT prototyping boards (UDOO / Raspberry PI / ....)
.
.
fitc-react-spotlight
Some examples for the fitc-react-spotlight.
.
.
AKA
React example apps are also known as: react sample code and react sample apps.
CONTRIBUTING
To add to this list, submit a pull request in the javascriptstuff-db repository. Add an entry to this file.