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
A react custom flag (country code) select
Select

A react custom flag (country code) select

A react custom flag (country code) select.
17 October 2018
React-useragent React component
Miscellaneous

React-useragent React component

Integrate user-agent detection in an idiomatic React way.
16 October 2018
Simple react wrapper for google picker API
Developer Tool

Simple react wrapper for google picker API

Simple react wrapper for Google Picker API.
16 October 2018
A production-focused playground for live editing React components
Style

A production-focused playground for live editing React components

A production-focused playground for live editing React code.
16 October 2018
Draggable toggle-switch component for react
Toggle

Draggable toggle-switch component for react

A draggable toggle-switch component for React.
14 October 2018
ReactJS Component that knows when it's hovered over
Miscellaneous

ReactJS Component that knows when it's hovered over

HoverBox is a React component that allows your own component's render method to behave differently if certain parts of it are being hovered on.
14 October 2018
ReactJS component to make images appear with transition as they load
Loading

ReactJS component to make images appear with transition as they load

Wraps an img within a placeholder element and adds a gif loader in between. No more ugly-looking progressively loading images!
13 October 2018
A flexible and easy to use Chips component for React
Input

A flexible and easy to use Chips component for React

A controlled React input for arrays of data.
13 October 2018
Traps focus for accessible dropdowns and modal content
Dropdown

Traps focus for accessible dropdowns and modal content

A generic focus management tool for components such as dialogs and dropdowns.
13 October 2018
A tool for generating beautiful SVG flowcharts from JavaScript code
Chart

A tool for generating beautiful SVG flowcharts from JavaScript code

a visualization library to convert any JavaScript code into beautiful SVG flowchart.
12 October 2018
A react.js google reCAPTCHA component
Verification

A react.js google reCAPTCHA component

reCAPTCHA is a free service that protects your site from spam and abuse.
12 October 2018
A simple React wrapper on the HTML5 audio tag
Audio

A simple React wrapper on the HTML5 audio tag

This is a light React wrapper around the HTML5 audio tag.
12 October 2018
Ziggeo's react component for easy react application deployment
Miscellaneous

Ziggeo's react component for easy react application deployment

Ziggeo's react component for easy react application deployment.
11 October 2018
Use any lodash function as a React component
Miscellaneous

Use any lodash function as a React component

Use any lodash function as a React component.
11 October 2018
A numpad for number built with React
Calendar

A numpad for number built with React

A numpad for number, date and time, built with and for React. It's written with the extensibility in mind.
11 October 2018
React component for animated pokemon sprites
Animation

React component for animated pokemon sprites

This is a react component that renders an animated sprite of a pokemon. The sprites are from Pokestadium.
11 October 2018
A library of reusable React components
UI

A library of reusable React components

React UI Components by Mesosphere.
10 October 2018
A React calendar component with as few frills as humanly possible
Calendar

A React calendar component with as few frills as humanly possible

A no-frills calendar widget that lets you bring your own styling.
10 October 2018
Futuristic react slider component
Slider

Futuristic react slider component

Welcome to the future. React Compound Slider is a tiny (5kb) slider component with no opinion about markup or styles.
10 October 2018
Month-Picker Component offers a popup month selection panel for React
Calendar

Month-Picker Component offers a popup month selection panel for React

Month-Picker Component offers a popup month selection panel with responsive layouts.
09 October 2018
Scroll-anim anim component for react
Scroll

Scroll-anim anim component for react

React ScrollAnim Component.
09 October 2018
React component for reading QR codes from webcam
QR Code

React component for reading QR codes from webcam

It uses the WebRTC standards for reading webcam data and jsQR is used for detecting QR codes in that data.
08 October 2018
Simple SVG Gauge component for React
SVG

Simple SVG Gauge component for React

Simple SVG Gauge component, inspired by JustGage.
08 October 2018
Draggable atom-like tabs for React
Tabs

Draggable atom-like tabs for React

The plugin is inspired by Atom and allows you to use these beautiful tabs in your React App
08 October 2018
Material style image with loading animation
Loading

Material style image with loading animation

Images are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern suggests.
07 October 2018
A react carousel/slider like component for sequentially displaying slides
Carousel

A react carousel/slider like component for sequentially displaying slides

A carousel/slider-like component for sequentially displaying slides or sets of slides.
07 October 2018
React component for messenger customer chat plugin
Chat

React component for messenger customer chat plugin

React component for Messenger customer chat plugin.
06 October 2018
Customizable and fast Dropdown Tree Select component for React
Select

Customizable and fast Dropdown Tree Select component for React

A lightweight and fast control to render a select component that can display hierarchical tree data.
06 October 2018
Shared states for React.js
State

Shared states for React.js

Shared states for React.js (a flux-way shared stores without actions and dispatchers).
06 October 2018
Lightbox for components or images built for React
Lightbox

Lightbox for components or images built for React

A lightbox for React components or images. String passed as arguments are assumed to be the src for an image.
01 October 2018
React component for select range in the form
Select

React component for select range in the form

support select range between "from point" and "to point".
01 October 2018
React japanese auto input kana
Input

React japanese auto input kana

Japanese React Kana Input Component.
30 September 2018
React component for facebook like button
Social

React component for facebook like button

React FB Like React component for facebook Like and Share button!
30 September 2018
Reuse React components to create new ones
UI

Reuse React components to create new ones

Reuse different React components to create new ones.
29 September 2018
Automatically generate documentation for your project using MDX
Document

Automatically generate documentation for your project using MDX

Automatically generate documentation for your project using MDX, react-docgen, and GatsbyJS.
29 September 2018
Simple solution for using iframes in React
iFrame

Simple solution for using iframes in React

Simple React component for including an iframed page.
29 September 2018
React dropdown menu components
Dropdown

React dropdown menu components

This project is a set of components for building menus with. This project works well for dropdown and autocomplete menus.
29 September 2018
Set of enhancements for input control
Input

Set of enhancements for input control

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code.
26 September 2018
A highly scalable react dropdown list
Select

A highly scalable react dropdown list

A highly scalable react dropdown list.
26 September 2018
A simple way to add twitter widgets to your react project
Miscellaneous

A simple way to add twitter widgets to your react project

Simplest way to add twitter widgets to your react project.
26 September 2018
A react library for generating a tree graph from data using d3
Chart

A react library for generating a tree graph from data using d3

A simple react component which renders data as a tree using svg.
25 September 2018
React wrapper for Smoothie Chart
Chart

React wrapper for Smoothie Chart

React wrapper for Smoothie Chart.
25 September 2018
Render emoji's the way your users expect
Emoji

Render emoji's the way your users expect

Normalize and render emoji's the way your users expect.
25 September 2018
Bytesize Icons as React Components
Icons

Bytesize Icons as React Components

Bytesize icons as React components.
24 September 2018
React component that applies a css class to the element when it becomes visible
Style

React component that applies a css class to the element when it becomes visible

React component that applies a css class to the container when the element is in the browser viewport.
24 September 2018
A react component for heatmap in grid layout
Grid

A react component for heatmap in grid layout

A React component for heatmap in grid layout using div.
23 September 2018
React-based Radar chart for D3
Chart

React-based Radar chart for D3

React-based Radar chart for D3.
23 September 2018
A simple component to render a sparkline with D3
Chart

A simple component to render a sparkline with D3

A simple component to render a sparkline with D3 using react-faux-dom.
22 September 2018
A React renderer for Sketch.app
Miscellaneous

A React renderer for Sketch.app

render React components to Sketch; tailor-made for design systems
22 September 2018
A custom layer for heatmaps in react-leaflet
Maps

A custom layer for heatmaps in react-leaflet

react-leaflet-heatmap-layer provides a simple HeatmapLayer component for creating a heatmap layer in a react-leaflet map.
21 September 2018

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