sapegin / React Components
Licence: cc0-1.0
List of React components I use and recommend
Stars: ✭ 182
Projects that are alternatives of or similar to React Components
React Stylesheet
Component based styling for your React applications
Stars: ✭ 150 (-17.58%)
Mutual labels: react-components
Ej2 React Ui Components
Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
Stars: ✭ 166 (-8.79%)
Mutual labels: react-components
React Awesome Slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
Stars: ✭ 2,343 (+1187.36%)
Mutual labels: react-components
Styled Bootstrap
💅🏻 A styled-component implementation of Bootstrap
Stars: ✭ 154 (-15.38%)
Mutual labels: react-components
Primereact
The Most Complete React UI Component Library
Stars: ✭ 2,393 (+1214.84%)
Mutual labels: react-components
Semantic Ui React
The official Semantic-UI-React integration
Stars: ✭ 12,561 (+6801.65%)
Mutual labels: react-components
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (-19.23%)
Mutual labels: react-components
Notus React
Notus React: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 173 (-4.95%)
Mutual labels: react-components
Video React
A web video player built for the HTML5 world using React library.
Stars: ✭ 2,227 (+1123.63%)
Mutual labels: react-components
React Reveal
Easily add reveal on scroll animations to your React app
Stars: ✭ 2,282 (+1153.85%)
Mutual labels: react-components
React Formik Ui
A simple component library, composed out of pure HTML form elements to make your live easier composing forms with Formik and React
Stars: ✭ 154 (-15.38%)
Mutual labels: react-components
React Player Controls
⏯ Dumb and (re)useful React components for media players.
Stars: ✭ 176 (-3.3%)
Mutual labels: react-components
Fundamental React
React implementation of the reusable component library designed in Fundamental Library Styles
Stars: ✭ 148 (-18.68%)
Mutual labels: react-components
Terra Core
Terra offers a set of configurable React components designed to help build scalable and modular application UIs. This UI library was created to solve real-world issues in projects we work on day to day.
Stars: ✭ 167 (-8.24%)
Mutual labels: react-components
Modali
A delightful modal dialog component for React, built from the ground up to support React Hooks.
Stars: ✭ 183 (+0.55%)
Mutual labels: react-components
Enact
An app development framework built atop React that’s easy to use, performant and customizable.
Stars: ✭ 178 (-2.2%)
Mutual labels: react-components
React Native Performance Monitor
React Native Performance Monitor - Realtime graphing of React Native render performance
Stars: ✭ 174 (-4.4%)
Mutual labels: react-components
React Components Catalog
Inspired by the awesome-react-components but lists only the components I or contributors use themeselves and can recommend. I believe 15 date picker components for React can’t be awesome and you still have no idea which one you should use.
UI components
Component libraries
- react-bootstrap — great project but the CSS is from original Bootstrap, so never use in a project with custom design.
- material-ui — components that implement Google’s Material Design.
- semantic-ui-react — framework that helps create beautiful, responsive layouts.
Select
- react-select — filtering, multiple selection, etc.
Date/time picker
- react-day-picker — flexible date picker.
Autocomplete
- react-autosuggest — WAI-ARIA compliant.
Autosize textarea
- react-textarea-autosize — replacement for the textarea element which automatically resizes textarea as content changes.
Masked input
- react-input-mask — input masking with attention to small usability details with cursor position, copy-paste, etc.
Rich text and code editing
- react-codemirror2 — CodeMirror component.
Markdown
See #1 for discussion.
- simple-markdown — very small (4 KB, ~10 times smaller than alternatives), no HTML support.
- markdown-to-jsx — a simple-markdown fork with HTML support, GFM task lists and syntax highlight.
Tables
- Reactabular — very flexible framework to work with tables.
Grids and whitespace
- react-spaceman — manage whitespace inside components and between components.
- Rebass Grid — responsive React grid system built with styled-components
- Stack Styled — make stack layouts easy
Miscellaneous
- Formik — form state management
- react-group — render React children with a separator
- react-icons — Font Awesome, Material icons, etc. as React components.
- react-pagify — very flexible but simple pagination, has a Bootstrap skin.
- react-sortable-tree — drag-and-drop sortable component for nested data and hierarchies.
Hotkeys
- react-hotkeys — declarative hotkey and focus area management.
UI utilities
- Reach Router — routing.
- react-document-title — Declarative, nested, stateful, isomorphic document.title.
- react-dnd — drag and Drop.
- react-scroll — scroll component.
- react-intl — React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
- react-virtualized — components for efficiently rendering large lists and tabular data.
Utilities
- decko — bind, debounce and memoize decorators.
Dev tools
- react-styleguidist — Style guide generator and a workbench for developing components.
Other tools
- Spectacle — React based presentation library.
Removed components
These components were removed from the list, I can no longer recommend them. Feel free to send a pull request if the issue was fixed.
-
react-dimensions — higher-order component to get dimensions of containerabandoned -
react-combo-keys — global hotkeysreact-hotkeys supports global hotkeys now -
react-codemirror — CodeMirror component— replaced with react-codemirror2 -
react-router — routing— replaced with Reach Router
You may also like
Contributing
Suggestions are welcome: just create an issue if you know something better than what I use.
Author and license
Artem Sapegin, a frontend engineer at Omio and the creator of React Styleguidist. I also write about frontend at my blog.
CC0 1.0 Universal license, see the included License.md file.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].