React Components
Components are the building blocks of React apps. These projects include components that you can use in your own app.
Try filtering on the toolkit tag to see the bigger component libraries. Or check out all the text editor or calendar components.
213 Projects
Sortmaterial-ui
React components that implement Google's Material Design.
toolkit
material design
.
.
react-motion
A spring that solves your animation problems.
animation
.
.
draft-js
A React framework for building text editors.
text editor
.
.
react-bootstrap
Bootstrap 3 components built with React
toolkit
.
.
react-virtualized
React components for efficiently rendering large lists and tabular data
list
.
.
react-canvas
High performance <canvas> rendering for React components
graphics
.
.
redux-form
A Higher Order Component using react-redux to keep form state in a Redux store
set
form
.
.
blueprint
A React-based UI toolkit for the web
toolkit
.
.
react-native-web
React Native for Web
toolkit
.
.
NativeBase
Essential cross-platform UI components for React Native
native
.
.
react-dnd
Drag and Drop for React
.
.
formik
Build forms in React, without the tears 😭
form
.
.
react-toolbox
A set of React components implementing Google's Material Design specification with the power of CSS Modules
toolkit
material design
.
.
slate
A completely customizable framework for building rich text editors.
text editor
.
.
react-dates
An easily internationalizable, mobile-friendly datepicker library for the web
calendar
.
.
react-desktop
React UI Components for macOS High Sierra and Windows 10
toolkit
.
.
react-grid-layout
A draggable and resizable grid layout with responsive breakpoints, for React.
grid
.
.
react-native-swiper
The best Swiper component for React Native.
native
.
.
victory
A collection of composable React components for building interactive data visualizations
dataviz
.
.
react-native-gifted-chat
💬 The most complete chat UI for React Native
native
.
.
reactstrap
Simple React Bootstrap 4 components
toolkit
.
.
react-color
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
set
color
picker
.
.
react-slick
React carousel component
.
.
react-sortable-hoc
A set of higher-order components to turn any list into an animated, touch-friendly, sortable list ✌️
list
.
.
whs.js
:rocket: 🌪 Super-fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js
toolkit
3d
game
.
.
fixed-data-table
A React table component designed to allow presenting thousands of rows of data.
list
.
.
elemental
A flexible and beautiful UI framework for React.js
toolkit
.
.
react-vis
Data-Visualization oriented components
set
dataviz
.
.
react-jsonschema-form
A React component for building Web forms from JSON Schema.
set
.
.
react-autosuggest
WAI-ARIA compliant React autosuggest component
autocomplete
.
.
react-google-maps
React.js Google Maps integration component
map
.
.
grommet
Focus on the essential experience
toolkit
.
.
react-draggable
React draggable component
.
.
react-infinite-calendar
✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
calendar
.
.
react-responsive
Media queries in react for responsive design
layout
.
.
google-map-react
Google map library for react that allows rendering components as markers :tada:
map
.
.
react-datepicker
A simple and reusable datepicker component for React
calendar
.
.
velocity-react
React components for Velocity.js
animation
.
.
draft-js-plugins
React Plugin Architecture for Draft.js including Slack-Like Emojis, FB-Like Mentions and Stickers
text editor
.
.
react-data-grid
Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle.github.io/react-data-grid/
grid
set
.
.
tcomb-form-native
Forms library for react-native
form
.
.
react-waypoint
A React component to execute a function whenever you scroll to an element.
.
.
react-chartjs
common react charting components using chart.js
dataviz
.
.
react-burger-menu
:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
menu
.
.
react-flip-move
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
animation
.
.
react-markdown
Render Markdown as React components
.
.
react-day-picker
Flexible date picker for React
calendar
.
.
react-swipeable-views
A React component for swipeable views. :snowflake:
.
.
react-big-calendar
gcal/outlook like calendar component
.
.
belle
Configurable React Components with great UX
toolkit
.
.
reactivesearch
A React and React Native UI components library for building data-driven apps with Elasticsearch
toolkit
.
.
react-notification-system
A complete and totally customizable component for notifications in React
notification
.
.
sharingbuttons.io
Quickly generate social sharing buttons with a tiny performance footprint
set
button
.
.
react-bootstrap-table
A Bootstrap table built with React.js
list
.
.
react-redux-form
Create forms easily in React with Redux.
form
.
.
react-sparklines
Beautiful and expressive Sparklines React component
.
.
react-joyride
Create walkthroughs and guided tours for your app
.
.
react-sortable-tree
Drag-and-drop sortable component for nested data and hierarchies
list
.
.
react-quill
A Quill component for React.
text editor
.
.
react-icons
svg react icons of popular icon packs
set
.
.
react-rte
Pure React rich text "WYSISYG" editor based on draft-js.
text editor
.
.
react-md
React material design
toolkit
material design
.
.
react-router-transition
painless transitions built for react-router, powered by react-motion
.
.
react-portal
React component for transportation of modals, lightboxes, loading bars... to document.body
.
.
react-custom-scrollbars
React scrollbars component
.
.
gl-react
gl-react – React library to write and compose WebGL shaders
3d
.
.
react-list
:scroll: A versatile infinite scroll React component.
list
.
.
react-d3-components
D3 Components for React
dataviz
.
.
halogen
A collection of loading spinners with React.js
spinner
.
.
nuka-carousel
Pure React Carousel Component
.
.
react-input-enhancements
Set of enhancements for input control
set
.
.
reflexbox
React flexbox layout and grid system
grid
.
.
react-native-icons
Quick and easy icons in React Native
icon
.
.
react-split-pane
React split-pane component
.
.
react-images
🌄 A lightbox component for displaying images
grid
.
.
react-codemirror
Codemirror Component for React.js
text editor
.
.
react-hotkeys
Declarative hotkey and focus area management for React
.
.
react-spinkit
A collection of loading indicators animated with CSS for React
spinner
.
.
react-treebeard
React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
.
.
react-designer
Editable vector graphics in your react components.
set
.
.
autoresponsive-react
Auto Responsive Layout Library For React
grid
.
.
react-tagsinput
Highly customizable React component for inputing tags.
.
.
component-playground
A component for rendering React components with editable source and live preview
devtool
.
.
alloy-editor
WYSIWYG editor based on CKEditor with completely rewritten UI
text editor
.
.
react-stonecutter
Animated grid layout component for React
grid
.
.
React-Dropzone-Component
:camera: ReactJS Dropzone for File Uploads (using Dropzone.js)
.
.
react-headroom
Hide your header until you need it
.
.
video-react
A web video player built for the HTML5 world using React library.
video
.
.
react-pivot
React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
spreadsheet
.
.
reakit
Toolkit for building interactive UIs with React
toolkit
.
.
form
React High Order Form Component(web & react-native)
form
.
.
react-copy-to-clipboard
Copy-to-clipboard React component
.
.
react-mapbox-gl
A React binding of mapbox-gl-js
map
.
.
react-cropper
Cropper as React components
.
.
react-input-mask
Input masking component for React. Made with attention to UX.
input
.
.
react-collapse
Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height
.
.
Winterfell
Generate complex, validated and extendable JSON-based forms in React.
form
.
.
react-tags
A fantastically simple tagging component for your React projects
.
.
react-syntax-highlighter
syntax highlighting component for react with prismjs or highlightjs ast using inline styles
.
.
react-photo-gallery
React Photo Gallery
.
.