React.js Examples React.js Examples
Ui
Templates Material design List Cards Infinite Scroll Bootstrap Table Layout Scroll Single Page Responsive Style Admin Templates All UI
Media
Slides Slider Chart Lightbox Video Gallery Carousel Images Player Audio Music Movies Maps
Elements
Calculator Drag Tooltip Notifications Pagination Toggle Icons Emoji Progress Loading Svg Accordion Modals Popup Dialogs Color Clock Avatar Circular Sticky
Input
Calendar Form Select Date Typography Textarea Message Upload Notes Text Search Data Editor Autocomplete Inbox Time Markdown Input
Menu
Dropdown Navbar Navigator Swipe Tabbar Sidebar Intro Button Tabs Drag/Drop Dock Fixed Tree Menu
More
Animation Games Mobile Todo Vote Sortable Weather Resizable Skillbars Framework Miscellaneous Books Overlay
React Conditional Rendering with Buttons

React Conditional Rendering with Buttons

Conditional Rendering in React using ternary operators.
26 January 2019
A spring physics based React animation library
Animation

A spring physics based React animation library

A spring physics based animation library for React.
25 January 2019
CodePen Development Style for React in VS Code
Style

CodePen Development Style for React in VS Code

CodePen Development Style for React in VS Code.
25 January 2019
The unofficial open source Apple Music webapp
Music

The unofficial open source Apple Music webapp

Built with React and Apple's MusicKit JS while utilising the official Apple Music API.
24 January 2019
A tiny react wrapper around pretty-checkbox
Checkbox

A tiny react wrapper around pretty-checkbox

Quickly integrate pretty checkbox Components (checkbox, switch, radio) with React
24 January 2019
Offical TinyMCE React component
Editor

Offical TinyMCE React component

This package is a thin wrapper around tinymce to make it easier to use in a React application.
24 January 2019
React library that tracks a users progress through a page as they scroll
Progress

React library that tracks a users progress through a page as they scroll

react-page-progress React library that tracks a users progress through a page as they scroll. View demo Download Source Install npm i react-page-progress OR yarn add react-page-progress Usage Props Props Type isRequired Example color
23 January 2019
A custom React Hook to help you implement a dark mode component
UI

A custom React Hook to help you implement a dark mode component

A custom React Hook to help you implement a "dark mode" component for your application.
23 January 2019
Slack client app done with react
Apps

Slack client app done with react

react + webrender slack client app (cross-platform gui without electron).
23 January 2019
Make your React Components aware of their dimensions and position
Resizable

Make your React Components aware of their dimensions and position

Make your React Components aware of their width and/or height!
22 January 2019
React Component to find and format links
Text

React Component to find and format links

React component to parse urls, emails, credit cards, phone in text into clickable links or required format.
21 January 2019
The easiest way to manage loaders/errors inside a button
Button

The easiest way to manage loaders/errors inside a button

The easiest way to manage loaders/errors inside a button. NOT an UI lib.
21 January 2019
A single page Pizza Maker program on React 16
Apps

A single page Pizza Maker program on React 16

A single page Pizza Maker program on React 16.
21 January 2019
An online collaborative text editor based on event sourcing architecture
Editor

An online collaborative text editor based on event sourcing architecture

An online collaborative text editor based on event sourcing.
19 January 2019
Lightweight social sharing buttons for React
Social

Lightweight social sharing buttons for React

Lightweight social sharing buttons for React.
19 January 2019
Weather app made with React
Weather

Weather app made with React

Weather app made with React, Redux and React Router.
18 January 2019
React Currency Input component
Input

React Currency Input component

React Currency Input component.
18 January 2019
The Comprehensive Bulma UI Framework for React
UI

The Comprehensive Bulma UI Framework for React

rbx is a comprehensive library of React components for Bulma 0.7.2.
17 January 2019
A light weighted and customizable tooltip with react.js
Tooltip

A light weighted and customizable tooltip with react.js

A light weighted, easy and customizable tool tip for your app. Mapple is crafted in an elegant manner.
17 January 2019
React Retro 90s-style hit counter
Time

React Retro 90s-style hit counter

Sometimes I miss the 90s web. This is a small gesture to help share some of that nostalgia.
17 January 2019
React Messenger : Chat UX components built with React
Chat

React Messenger : Chat UX components built with React

This project uses React and CSS to recreate the Facebook Messenger web application.
17 January 2019
Async dropdown component with advanced search modal
Select

Async dropdown component with advanced search modal

This component is a combination of a combobox with asynchronous fetching of results and a modal search dialog for more filtering possibilities.
16 January 2019
Undo/redo functionality with React Hooks
Miscellaneous

Undo/redo functionality with React Hooks

React Hooks to implement Undo and Redo functionality.
16 January 2019
Simple react component to center content horizontally and vertically
Layout

Simple react component to center content horizontally and vertically

Simple react component to center content horizontally and vertically.
16 January 2019
Dumb and useful React components for media players
Player

Dumb and useful React components for media players

This is a minimal set of modular, tested and hopefully useful React components for composing media player interfaces.
15 January 2019
A super simple React Feedback
Feedback

A super simple React Feedback

A super simple component _similar_ to a single select to be used for single answer feedback gathering.
15 January 2019
Cornerstone medical image viewport component for React
Images

Cornerstone medical image viewport component for React

Cornerstone medical image viewport component for React.
14 January 2019
A simple and powerful Datatable for React
Table

A simple and powerful Datatable for React

Datatable for React based on material-ui's table with additional features.
14 January 2019
React calendar component in ES6
Calendar

React calendar component in ES6

React calendar component in ES6.
14 January 2019
A smart popover component with animation support for ReactJS
Tooltip

A smart popover component with animation support for ReactJS

A smart popover component with animation support for ReactJS.
13 January 2019
Tokopedia React Development Kits
UI

Tokopedia React Development Kits

Tokopedia React Development Kits - Yet another React framework
13 January 2019
For-editor : a react markdown editor
Markdown

For-editor : a react markdown editor

for-editor is a react markdown editor.
11 January 2019
A highly customisable youtube-like react loader component
Loading

A highly customisable youtube-like react loader component

A very simple, highly customisable youtube-like react loader component.
11 January 2019
A simple calculator app that uses calc-fsm
Calculator

A simple calculator app that uses calc-fsm

A simple UI on top of calc-fsm-js, a calculator finite state machine.
11 January 2019
WAI-ARIA compliant React command palette like the one in Atom and Sublime
Developer Tool

WAI-ARIA compliant React command palette like the one in Atom and Sublime

An accessible browser compatible javascript command palette.
10 January 2019
A tool for merging data from CSV, JSON, Geo- and TopoJSON files
Json

A tool for merging data from CSV, JSON, Geo- and TopoJSON files

The Geo Data Merger is an open source tool for merging data from csv, json, geo- and topojson files.
10 January 2019
A rich set of open source UI Components for React
UI

A rich set of open source UI Components for React

PrimeReact is a rich set of open source UI Components for React.
09 January 2019
Determine if a list item is in the center of your viewport
UI

Determine if a list item is in the center of your viewport

Utility Components for determining whether elements are in the center of the screen.
09 January 2019
React Document Build Tool Scripts Like react-scripts of create react app
Tool

React Document Build Tool Scripts Like react-scripts of create react app

React Document Build Tool Scripts , Like react-scripts of create react app.
09 January 2019
Core medical image viewer components built using React
Images

Core medical image viewer components built using React

A set of React components for Medical Imaging Viewers.
08 January 2019
A circular colour picker React component
Color

A circular colour picker React component

A circular colour-picker React component; built with HTML5's canvas & context-api. Full customisation & control through props.
08 January 2019
React Sharing Buttons No Extra Javascript Imports
Social

React Sharing Buttons No Extra Javascript Imports

React Implementation of @mxstbr sharingbuttons.io No Extra Javascript Imports. No Tracking. Just Links, SVG and CSS.
07 January 2019
React form with not any dependencies
Form

React form with not any dependencies

A lightweight, customizable react component that make easily to manage you web form. require React16+
07 January 2019
A react wrapper for perfect-scrollbar
Scroll

A react wrapper for perfect-scrollbar

This is a wrapper to allow use perfect-scrollbar in React.
07 January 2019
A React navbar component based on react-scroll
Navbar

A React navbar component based on react-scroll

This Repo is not actively maintained! Please do not use in professional environment!
06 January 2019
Starter HMR React Component for Oracle Commerce Cloud
Tool

Starter HMR React Component for Oracle Commerce Cloud

Standalone Starter React Component for Oracle Commerce Cloud.
06 January 2019
A text element for SVG that you can edit
SVG

A text element for SVG that you can edit

A text component for SVG that allows users to edit the contents.
06 January 2019
Powerful CLI for creating a React libraries
Emulator

Powerful CLI for creating a React libraries

React library generator is a CLI that helps you to build a scaffold for your library. It's fully customizable, and you can determine what you want.
05 January 2019
Real-time meeting cost calculator
Calculator

Real-time meeting cost calculator

Costie is a meeting cost calculator.
05 January 2019
An accessible inputs built for React
Input

An accessible inputs built for React

An à la carte set of polished, extensible, and accessible form inputs built for React.
05 January 2019

Tags

Apps 1199
TypeScript 608
Nextjs 417
Hooks 375
WebSite 370
UI 327
Games 304
Tailwind CSS 285
Javascript 252
Redux 219
Images 185
Todo 181
Ecommerce 174
Starter 163
State 161
Editor 159
Templates 153
API 153
Tool 149
Animation 144
Miscellaneous 144
Portfolio Page 144
Chart 139
Form 138
Boilerplate 138
React Native 131
Generator 127
Chat 126
Calendar 124
Firebase 122

Recent Posts

Term.Everything: Run any GUI app in your terminal—even over SSH
Sep 10, 2025
Streamdown: A Drop-in React-Markdown Replacement
Sep 01, 2025
Ditch the Clutter: Termix Consolidates Your Entire Server Workflow into One Self-Hosted Platform
Aug 31, 2025
Document to Markdown OCR library with Llama
Dec 07, 2024
Drop-in progressive (gradient) backdrop blur for React
Apr 25, 2024
About  |  Contact  |  Privacy Policy  |  Submit A Project
Powered by React.js Examples