awesome-react
React 资源大全中文版。An awesome React packages and resources
https://github.com/huaize2020/awesome-react
Last synced: 15 days ago
JSON representation
-
UI Components
-
Tooltip
- react-popper - 🍿⚛Official React library to use Popper, the positioning library. 
- react-tooltip - React tooltip component. 
-
Notification
- react-toastify - 🎉 React-Toastify allows you to add notifications to your app with ease. No more nonsense. 
- notistack - Highly customizable notification snackbars (toasts) that can be stacked on top of each other. 
- react-toast-notifications - A React & Redux notifications system. 
- react-notifications-component - Highly customizable and easy-to-use component for notifications. 
- cogo-toast - Beautiful, Zero Configuration, Toast Messages for React ~4kb gzip (with styles and icons) 
- react-toast - Minimal toast notifications. 
- react-hot-toast - Smoking 🔥hot🔥 Notifications for React. Lightweight, customizable and beautiful by default. 
- simple-react-notifications - Tiny notification library (1kb gzip). 
-
Infinite Scroll / Virtualized List / Virtualized Tree
- @egjs/react-infinitegrid - A module used to arrange card elements including content infinitely according to various layout types. 
- react-virtualized - React components for efficiently rendering large lists and tabular data. 
- react-window - React components for efficiently rendering large lists and tabular data. 
- react-virtualized-tree - A virtualized tree view component making use of react. 
- react-list - A versatile infinite scroll React component. 
- af-virtual-scroll - Render large scrollable lists and tables. 
-
Form Components
- react-jsonschema-form - A React component for building Web forms from JSONSchema. 
- react-autowidth-input - Highly configurable & extensible automatically sized input field built with hooks. 
- react-google-flight-datepicker - React date picker inspired by Google Flight. 
- react-easy-crop - Component to crop/rotate images/videos with easy interactions. Touch friendly. 
- redux-form - Redux form state management (Web and Native). 
- react-final-form - Subscription-based form state management. 
- formily - High performance, extensible, and Typescript friendly. 
- surveyjs - The advanced Survey and Form library. 
- formsy-react - A form input builder and validator for React JS. 
- react-validation-mixin - Simple validation mixin (HoC) for React. 
- react-input-mask - Yet another react component for input masking. 
- react-maskedinput - Masked <input/> React component. 
- react-payment-inputs - A zero-dependency container to help with payment card input fields. 
- react-numpad - Extensible number pad control for numbers, dates and times. 
- react-autosuggest - WAI-ARIA compliant React autosuggest component. 
- react-typeahead - Pure react-based typeahead and typeahead-tokenizer. 
- react-autocomplete-input - Autocomplete input field for React. 
- react-input-autosize - Auto-resizing input field for React. 
- react-tagsinput - A simple react component for inputing tags. 
- react-tokeninput - Tokeninput component for React. 
- @pathofdev/react-tag-input - Minimal tagging component with editable tags 
- react-select - A Select control built with and for React JS. 
- react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button. 
- react-select-box - An accessible select box component for React. 
- react-functional-select - Micro-sized & micro-optimized select component for React.js. 
- react-column-select - A column select component built for react. 
- react-radio-group - Better radio buttons. 
- react-star-rating-input - React.js component for entering 0-5 (or more) stars. 
- react-awesome-stars-rating - [demo](https://react-awesome-stars-rating.herokuapp.com/) - The star rating component with accessibility. 
- react-ios-switch - React switch component. 
- react-datepicker - A simple and reusable datepicker component for React. 
- react-day-picker - Flexible date picker for React. 
- react-calendar - Ultimate calendar for your React app. 
- react-nice-dates - A responsive, touch-friendly, and modular date picker library. 
- react-date-picker - A date picker for your React app. 
- react-yearly-calendar - React.js Yearly Calendar Component. 
- react-datepicker2 - A simple and reusable datepicker component (with persian jalali calendar support). 
- date-range-picker - A calendar component that supports date, range & ranges picks. 
- react-simple-timefield - Simple time input field. 
- react-timezone-select - Dynamic, succinct timezone select. Based on `react-select`. 
- emoji-mart - Emoji Mart is a customizable emoji picker HTML component for the web. 
- react-colorful - A tiny (2,5 KB), dependency-free, fast and accessible color picker component. 
- coloreact - A tiny Color Picker for React. 
- react-color - Is a tiny color picker widget component for React apps. 
- sortablejs - Lists reorderable by drag-and-drop, within and among lists. 
- react-anything-sortable - Sort any children with touch support and IE8 compatibility. 
- react-sortable - A sortable list component built with React. 
- react-draft-wysiwyg - WYSIWYG editor build on top of [DraftJS](https://draftjs.org/). 
- react-quill - Quill wrapper. 
- braft-editor - A web rich text editor based on draft-js, suitable for React framework, compatible with mainstream modern browsers. 
- alloyeditor - WYSIWYG editor based on CKEditor with completely rewritten UI. 
- remirror - ProseMirror toolkit for React. 
- react-contenteditable - React component for a div with editable contents. 
- megadraft - Rich Text editor built on top of draft.js. 
- edtr-io - WYSIWYG in-line web editor with plugins. 
- react-medium-editor - medium-editor wrapper. 
- ckeditor5-react - An official CKEditor 5 rich text editor wrapper. 
- smartblock - Block based WYSIWYG editor based on ProseMirror. 
- react-trumbowyg - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. 
- ckeditor4-react - An official CKEditor 4 rich text editor wrapper. 
- react-editor - Simple richtext editor that can insert images and HTML. 
- react-ace - Ace (Advanced Code Editor) wraper. 
- react-codemirror2 - Codemirror integrated components for React. 
- react-codemirror - CodeMirror component for React. 
- react-md-editor - A simple markdown editor with preview, implemented with React.js and TypeScript. 
- react-simplemde-editor - React component wrapper for [EasyMDE (the most fresh SimpleMDE fork)](https://github.com/Ionaru/easy-markdown-editor). 
- react-md-editor - Markdown editor. 
- react-markdown-editor - A markdown editor using React/Reflux. 
- react-avatar-editor - Facebook-like, avatar / profile picture component. 
- formik - Build forms without tears and supports Validation in ease. 
- react-hook-form - React hooks for form validation without the hassle. 
- interweave-emoji-picker - A React based emoji picker powered by Interweave and Emojibase. 
- slate - A completely customizable framework for building rich text editors. 
- devextreme-reactive - High-performance plugin-based scheduler/calendar for Material Design. 
- react-image-crop - A responsive image cropping tool for React. 
- react-big-calendar - Gcal/outlook like calendar component. 
- react-text-mask - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny. 
- react-credit-cards - Beautiful credit cards for your payment forms. 
- react-tag-input - A fantastically simple tagging component for your React projects. 
- react-star-rating - A simple star rating component built with React. 
- react-toggle - An elegant, accessible toggle component for React. Also a glorified checkbox. 
- react-date-range - A React component for choosing dates and date ranges. 
- react-mentions - Mention people in a textarea. 
- react-textarea-autosize - <textarea /> component for React which grows with content. 
- react-datetime - A lightweight but complete datetime picker react component. 
- react-flatpickr - Flatpickr for React. 
- react-input-color - React input color component with hsv color picker. 
- react-slider - Slider component for React. 
- react-avatar-generator - Generate fun kaleidoscope for user avatars. 
- draft-js - A React framework for building text editors. 
- react-monacoeditor - Monaco Editor component for React. 
- react-image-cropper - Image cropper. 
-
Buttons
- react-awesome-button - 3D animated 60fps buttons with load progress and social share actions. 
- reactive-button - A beautiful animated button component with progress indicator. 
-
Icons
- react-fontawesome - A React Font Awesome component. 
- iconify-react - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets. 
- react-open-doodles - A Free Set of Sketchy Illustrations provided by opendoodles. 
- react-icons - Svg react icons of popular icon packs using ES6 imports. 
-
Layout
- flexbox-react - Unopinionated, standard compliant flexbox components. 
- autoresponsive-react - Auto responsive grid layout library. 
- react-masonry-component - Wrapper for @desandro's Masonry. 
- react-stonecutter - Animated grid layout component. 
- react-flexbox - React flexbox implementation. 
- muuri-react - [demo](https://1czo5.csb.app/) - [docs](https://paol-imi.github.io/muuri-react) - Responsive, sortable, filterable and draggable grid layouts. 
- m-react-splitters - Splitter component, written in TypeScript. 
- react-reflex - Flex layout container component for advanced React web applications. 
- react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React. 
- golden-layout - A multi-screen JavaScript Layout manager. 
- hedron - A no-frills flexbox grid system, powered by styled-components. 
-
Dialog/Modal/Alert
- react-modal - Accessible modal dialog component for React. 
- react-aria-modal - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. 
- react-skylight - A react component for modals and dialogs. 
- nice-modal-react - A nice modal manager for React. 
- sweetalert2-react-content - Official SweetAlert2 enhancer adding support for React elements as content. 
- reoverlay - The missing solution for managing modals. 
- reboron - A collection of dialog animations with React.js. 
-
Menu
- react-burger-menu - An off-canvas sidebar with effects and styles. 
- react-planet - Create circular menus which looks like planets. 
- react-offcanvas - Off-canvas menus for React. 
- hamburger-react - Animated hamburger menu icons for React. 
-
Sticky
- react-sticky - <Sticky /> component for awesome React apps. 
- react-headroom - Hide your header until you need it. 
- react-stickynode - A performant and comprehensive React sticky. 
-
Tabs
- react-tabs - React tabs component. 
- react-tabtab - React, tabs. 
-
Device Input/User Action
- react-keydown - Lightweight keydown wrapper for React components. 
- react-key-handler - React component to handle keyboard events. 
- react-shortcuts - Manage keyboard shortcuts from one place. 
- useKeyCapture - A custom hook to ease the key-press listeners of a target/global. 
- react-scroll-components - A set of components that react to page scrolling. 
- react-swipe - Swipe.js as a React component. 
- react-fastclick - Fast Touch Events for React. 
- react-aim - Determine the cursor aim for triggering mouse events. 
- react-hook-mighty-mouse - Hook that tracks mouse events on selected element. 
- react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React. 
- react-movable - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables. 
- react-dragula - Drag and drop so simple it hurts. 
- react-sortable-pane - Sortable and resizable pane component for React. 
- re-resizable - A resizable component for React. 
- react-sizeme - Make your React Components aware of their width and height! 
- react-spaces - Nestable resizable, anchored, scrollable components. 
- react-resizable - A simple React component that is resizable with a handle. 
- react-dnd - Drag and Drop for React. 
- react-dropzone - Simple HTML5 drag-drop zone with React.js. 
- react-draggable - React draggable component. 
- react-resizable-and-movable - A resizable and draggable component for React. 
- react-hotkeys - Declarative hotkey and focus area management for React. 
-
Editable data grid / spreadsheet
- react-data-grid - Excel-like grid. 
- revo-grid - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization. 
- ReactGrid - Add spreadsheet-like behavior to your app. 
- gigatables-react - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. 
- ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. 
-
Table
- material-table - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing. 
- mui-datatables - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. 
- react-data-table - Accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination. 
- rsuite-table - A table component that supports virtualized. 
- ka-table - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 
- sematable - Client side sorting, pagination, and text filter for redux/react based apps. 
- @progress/kendo-react-grid - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. 
- react-table - Hooks for building fast and extendable tables and datagrids. 
-
Viewer
- @react-pdf/renderer - React renderer for creating PDF files on the browser and server. 
- react-pdf - Display PDFs in your React app as easily as if they were images. 
- react-json-tree - React JSON Viewer Component, Extracted from redux-devtools.
- react-markdown - Render Markdown as React components. 
- react-pdf-viewer - A React component to view a PDF document. 
-
Carousel
- react-slick - React carousel component. 
- keen-slider - Performant carousel/slider with native touch/swipe behavior. 
- react-awesome-slider - 3D animated 60fps media and content slider/carousel. 
- react-responsive-carousel - React.js Responsive Carousel (with Swipe). 
- pure-react-carousel - Built from scratch and not highly opinionated. 
- react-id-swiper - A library to use idangerous Swiper as a ReactJs component. 
- react-instagram-zoom-slider - A slider component with pinch to zoom capabilities inspired by Instagram. 
- @egjs/react-flicking - It's reliable, flexible and extendable carousel. 
-
Lazy Load
- react-lazy-load - React component that renders children elements when they enter the viewport. 
- react-lazyload - Lazyload your Component, Image or anything matters the performance. 
-
Loader
- react-content-loader - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). 
- react-spinners - A collection of loading spinner components for react. 
- react-redux-loading-bar - Simple Loading Bar for Redux and React. 
- react-spinners-css - Amazing collection of react spinners components. 
- react-block-ui - Easy way to block the user from interacting with your UI. 
- react-loader - React component that displays a spinner via spin.js until your component is loaded. 
-
Collapse
- react-collapse - Component-wrapper for collapse animation with react-motion. 
- react-accessible-accordion - Accessible Accordion component for React. 
- react-tabbordion - [demo](https://merri.github.io/react-tabbordion) - Tabbordion is a component for managing active state between multiple items. You can make anything out of it: Tabs component, Accordion component, Multi select list component,Option component, List of options, List of checkboxes. 
-
Tree
- react-treeview - Easy, light, flexible tree view made with React. 
- react-complex-tree - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search. 
- react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable. 
-
Navigation
- react-swipeable-views - A React Component for binded Tabs and Swipeable Views. 
- react-scroll - React scroll component. 
-
Custom Scrollbar
- react-custom-scroll - Easily customize the browser scroll bar with native OS scroll behavior. 
- rc-scrollbars - React scrollbars component. 
- react-shadow-scroll - Component that customizes the list and inserts shadow when scrolling exist. 
-
Audio / Video
- react-player - A react component for playing a variety of URLs, including YouTube. 
- video-react - A web video player built for the HTML5 world using React library. 
- react-audio-player - A simple React wrapper on the HTML5 audio tag. 
- material-ui-audio-player - Audio player for material ui design. 
- react-dailymotion - Dailymotion player component for React. 
- react-youtube - React.js powered YouTube player component. 
- react-soundplayer - Create custom SoundCloud players with React. 
-
Time / Date / Age
- react-timeago - A simple time-ago component for ReactJs. 
- timeago-react - Format date with `*** time ago` statement. eg: '3 hours ago'. 
-
Photo / Image
- lightGallery - Full-featured lightbox gallery component. 
- react-image-gallery - Responsive image gallery, carousel, image slider react component. 
- react-photo-gallery - Responsive React Photo Gallery. 
- react-svg-pan-zoom - A React component that adds pan and zoom features to SVG. 
- react-particle-image - Render images as interactive particles. 
- react-imgix - Add fast, responsive images as an image, picture, or background! 
- react-intense - A React component for viewing large images up close. 
- qrcode.react - A <QRCode/> component for use with React. 
- react-image-lightbox - React lightbox component. 
- react-compare-image - React component to compare two images using a slider. 
-
Paginator
- react-paginate - A ReactJS component that creates a pagination. 
- react-laravel-paginex - Laravel Pagination with ReactJS (customizable). 
- paginated - React render props & custom hook to build pagination. 
-
Canvas
- react-konva - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework. 
- @excalidraw/excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams. 
- react-sketch - A Sketch tool for React based applications, backed-up by FabricJS. 
- react-sketch-canvas - Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets. 
- react-design-editor - React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs. 
-
Guided Tours
- react-joyride - Create guided tours in your apps. 
-
Data Visualization
- recharts - Redefined chart library built with React and D3. 
- nivo - Provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. 
- victory - Data viz for React. 
- react-vis - Data visualization library based on React and d3. 
- BizCharts - Powerful data visualization library based on G2 and React. 
- echarts-for-react - Apache ECharts components for React wrapper. 
- react-sparklines - Beautiful and expressive Sparklines React component. 
- semiotic - Semiotic is a data visualization framework for React. 
- react-d3-components - D3 Components for React. 
- react-dazzle - Dashboards made easy in React JS. 
- react-highcharts - React-highcharts. 
- react-google-charts - React-google-charts React component. 
- react-timeseries-charts - Declarative timeseries charts. 
- react-chartist - React component for Chartist.js. 
- rumble-charts - React components for building composable and flexible charts. 
- react-charty - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming. 
- react-heat-map - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph. 
- react-muze - React wrapper for [muze](https://muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) 
- graphin - A React toolkit for graph visualization based on G6. 
- react-sigmajs - Lightweight but powerful library for drawing network graphs built on top of SigmaJS. 
- react-leaflet - React components for Leaflet maps. 
- pigeon-maps - ReactJS Maps without external dependencies. 
- react-mapbox-gl - A React binding of mapbox-gl-js. 
- react-geosuggest - A React autosuggest for the Google Maps Places API. 
- react-svg-map - A set of components to display an interactive SVG map. 
- gantt-for-react - Frappe Gantt components for React wrapper. 
- @ant-design/charts - A React chart library, based on G2Plot, G6, X6, L7. 
- ej2-react-charts - Beautiful and interactive charts & graphs for react. 
- visx - 🐯 visx | visualization components. 
- chartify - React.js plugin for building animated draggable and customizable charts. 
- react-map-gl - A React wrapper for MapboxGL-js and overlay API. 
- google-map-react - Universal google map react component, allows render react components on the google map. 
- react-chartjs-2 - Common react charting components using Chart.js 2.0. 
-
GraphQL
- react-relay - Relay is a JavaScript framework for building data-driven React applications. 
-
-
Static Site Generator & Documentation Generator & Blogging
-
Parallax
- dumi - 📖 Documentation Generator of React Component. 
- gatsby - Build blazing fast, modern apps and websites with React. 
- Docusaurus - Easy to maintain open source documentation websites. 
- react-static - A progressive static site generator for React. 
- component-controls - A next-generation tool to create blazing-fast documentation sites. 
-
-
Dev Tools
-
Test
- react-testing-library - 🐐 Simple and complete React DOM testing utilities that encourage good testing practices. 
- react-hooks-testing-library - Simple and complete React hooks testing utilities that encourage good testing practices. 
- ui-harness - Create, isolate and test modular UI components in React. 
- react-unit - Lightweight unit test library for ReactJS. 
- unexpected-react - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. 
- redux-test-recorder - A redux middleware to automatically generate tests for reducers through ui interaction. 
- rut - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers. 
- enzyme - JavaScript Testing utilities for React. 
- chai-enzyme - Chai.js assertions and convenience functions for testing React Components with enzyme. 
- jest - Delightful JavaScript Testing. 
-
Debug
- react-dev-inspector - Jump to local IDE code directly from browser React component by just a simple click. 
-
Performance
- @welldone-software/why-did-you-render - why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.) 
-
-
Official
-
Utilities
-
Router
- reach - Next Generation Routing for React. 
- wouter - A minimalist-friendly ~1.3KB routing library. 
- navi - Declarative, asynchronous routing for React. 
- universal-router - A simple middleware-style router for isomorphic JavaScript web apps. 
- react-keepalive-router - The react cache component developed based on react 16.8 +, react router 4 + can be used to cache page components, similar to Vue keepalive package Vue router effect function. 
- curi - JavaScript router for single-page applications. 
- react-router - Declarative routing for React. 
-
Hooks Collection
- react-use - React Hooks. 
- ahooks - A collection of React Hooks specifically aiming at enterprise applications. 
- beautiful-react-hooks - A collection of hooks to speed-up your components and custom hooks development. 
- react-query - Hooks for fetching, caching and updating asynchronous data in React. 
-
State Management
- redux - Predictable State Container for JavaScript Apps. 
- mobx - Simple, scalable state management. 
- recoil - Experimental state management library for React apps. 
- zustand - Bear necessities for state management in React. 
- jotai - Primitive and flexible state management for React. 
- easy-peasy - An abstraction of Redux, providing a reimagined API that focuses on developer experience. 
- reactn - React, but with built-in global state management. 
- hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks. 
- xstate-react - State machines and statecharts for the modern web. 
- dva - 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo). 
- effector - Fast and powerful reactive state manager. 
- flux - Application architecture for building user interfaces. 
-
i18n
- react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem. 
- js-lingui - lingui.svg?style=social&label=Star)
- react-intl-universal - Internationalize React apps. Not only for React.Component but also for Vanilla JS. 
- react-localized - Internationalization for React components based on `gettext` format. 
- react-intl - Internationalize React apps. 
-
style
- classnames - A simple javascript utility for conditionally joining classNames together. 
-
-
UI Frameworks
-
style
- ant-design - An enterprise-class UI design language and React UI library. 
- chakra-ui - Simple, Modular & Accessible UI Components for your React Applications. 
- react-bootstrap - Bootstrap components built with React. 
- blueprint - A React-based UI toolkit for the webs. 
- semantic-ui-react - The official Semantic-UI-React integration. 
- Fluent UI - A set of React components for building Microsoft web experiences. 
- evergreen - Evergreen React UI Framework by Segment. 
- reactstrap - Simple React Bootstrap 4 components. 
- rebass - React primitive UI components built with styled-system. 
- grommet - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. 
- baseweb - Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. 
- rsuite - A suite of React components. 
- react-spectrum - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. 
- carbon - A design system built by IBM. 
- semi-design - A modern, comprehensive, flexible design system and UI library. Quickly build beautiful React apps by douyin FE. 
- searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. 
- eui - Elastic UI Framework. 
- ring-ui - JetBrains Web UI components. 
- primereact - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes. 
- mantine - React components and hooks library with native dark theme support focused on usability, accessibility and developer experience. 
- arco-design - A comprehensive React UI components library. 
- ChatUI - The UI design language and React library for Conversational UI. 
- react-bulma-components - React components for Bulma framework. 
- shineout - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. 
- pivotal-ui-react - React components based on a custom version of the Bootstrap library. 
- react-bulma - React.js components for Modern CSS framework based on Flexbox. 
- trunx - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript. 
- cdbreact - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps. 
- gestalt - A set of components that supports Pinterest’s design language. 
- bumbag-ui - Build accessible & themeable React applications with your Bumbag. 
- zeit-ui-react - Modern and minimalist React UI library. 
- material-ui - React components for faster and easier web development. 
-
Mobile
- antd-mobile - Configurable Mobile UI from China. 
- OnsenUI - Mobile app framework with Material and flat (iOS) designs. Based on Web Components. 
-
Solution
- ant-design-pro - An out-of-box UI solution for enterprise applications as a React boilerplate. 
- react-admin - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design. 
-
-
Boilerplate
-
Solution
- create-react-app - Create React apps with no build configuration. 
- generator-starhackit - Full-stack starter kit. 
- react-boilerplate - A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices. 
- electron-react-boilerplate - Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.
-
-
UI Animation
-
GraphQL
- react-motion - A spring that solves your animation problems. 
- react-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. 
- react-flip-toolkit - A lightweight magic-move library for configurable layout transitions. 
- react-animations - A collection of animations for inline style libraries, React-animations implements all animations from animate.css. 
- react-router-transition - Transitions built for react-router, powered by react-motion. 
- react-reveal - Easily add reveal on scroll animations to your React app. 
- react-gsap-enhancer - Use the full power of React and GSAP together. 
- data-driven-motion - Easily animate your data. 
- gooey-react - The gooey effect for React, used for shape blobbing / metaballs. 
- react-particles-bg - Particles backgrounds. 
- react-mt-svg-lines - Wrapper to animate the line stroke in SVGs. 
- react-spark-scroll - Scroll-based actions and animations for react. 
- react-track - Track the position of DOM elements. Create cool animations. 
- tween-one - Animate One React Element. 
- react-web-animation - React components for the Web Animations API -. 
- react-transitive-number - Apply transition effect to numeric strings, a la old Groupon timers. 
- react-tweenful - Animation engine that lets you animate DOM nodes, mounting, unmounting, child changes/transitions. 
- auto-size-transition - A component that scale dynamically according to the internal children size. 
- react-tsparticles - A lightweight component to easily create interactive particles animations. 
- framer-motion - An animation and gesture library. 
- velocity-react - Velocity.js wrapper. 
- react-spring - A spring physics based animation library. 
- react-anime - A super easy animation library. 
-
Parallax
- react-parallax - A React Component for parallax effect. 
- react-parallax-tilt - Easily apply parallax tilt hover effect on components. 
- react-parallax-component - Easiest way to add scroll parallax effect on the component. 
-
Programming Languages
Categories
Sub Categories
Form Components
92
Data Visualization
33
style
33
GraphQL
24
Device Input/User Action
22
State Management
12
Layout
11
Photo / Image
10
Test
10
Notification
8
Carousel
8
Table
8
Parallax
8
Dialog/Modal/Alert
7
Router
7
Audio / Video
7
Solution
7
Infinite Scroll / Virtualized List / Virtualized Tree
6
Loader
6
Editable data grid / spreadsheet
5
i18n
5
Canvas
5
Viewer
5
Icons
4
Menu
4
Hooks Collection
4
Paginator
3
Collapse
3
Tree
3
Sticky
3
Custom Scrollbar
3
Navigation
2
Mobile
2
Time / Date / Age
2
Tabs
2
Lazy Load
2
Tooltip
2
Buttons
2
Guided Tours
1
Performance
1
Debug
1
Keywords
react
237
javascript
56
reactjs
44
react-components
35
react-component
35
typescript
34
component
25
ui
16
components
13
svg
11
react-hooks
11
animation
11
react-native
10
ui-components
10
grid
10
hooks
9
redux
9
visualization
9
table
9
chart
9
editor
9
design-system
9
drag-and-drop
9
calendar
8
charts
8
component-library
7
vue
7
angular
7
form
7
data-visualization
7
css
6
web
6
forms
6
map
6
canvas
6
carousel
6
material-ui
6
d3
6
ant-design
5
datagrid
5
sortable
5
mobile
5
datatable
5
material
5
slider
5
testing
5
layout
5
toast-notifications
5
notifications
5
toast
5