Pages

▼

Wednesday, 1 April 2020

awesome-react-components-all

frm https://github.com/sheep0704/awesome-react-components-all

有兴趣的可以关注【Python2048】 公众号.
分享技术、灰色产业、职业规划、赚钱之道、逆向破解等趣事……

awesome-react-components-all

Catalog of React components / libraries / React 学习大全 -> KARL-Dujinyang
Lang -> 2016 React动态更新
Karl-dujinyang -> React大全，Star,Fork备用。

React Components Catalog

Catalog of React components / libraries

Contents







UI Components

Table / Data Grid
  • reactable - Fast, flexible, and simple data tables in React.
  • ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
  • griddle-react - Simple Grid Component written in React.
  • react-datagrid - A carefully crafted DataGrid for React.
  • react-data-components - React components for sorting, filtering and pagination of data.
  • react-bootstrap-table - It's a react table for bootstrap.
  • react-data-grid - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.
  • react-pivot - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
  • autoresponsive-react - Auto Responsive Layout Library For React.
Infinite Scroll
  • react-lazyload - Lazyload your Component, Image or anything matters the performance.
  • react-infinity - A UITableView Inspired list and grid display solution with element culling and smooth animations.
  • react-infinite - A browser-ready efficient scrolling container based on UITableView.
  • react-infinite-grid - A React component which renders a grid of elements.
  • react-list - A versatile infinite scroll React component.
  • react-virtualized - React components for efficiently rendering large lists and tabular data.
Modals
Display overlay / modal / dialog
  • react-dock - Resizable dockable react component.
  • react-overlays - Utilities for creating robust overlay components.
  • boron - A collection of dialog animations with React.js.
  • react-modal2 - Simple modal component for React.
  • react-modal - Accessible modal dialog component for React.
  • react-skylight - A react component for modals and dialogs.
  • rodal - A React modal with animations.
Notification
A temporary little modal to notify the user
Tooltips
Menu
Menus / Sidebars
Sticky
Implementations similar to position: sticky
Tabs
Loading / Progress Indicators
Let the user know that something is being loaded
  • halogen - A collection of loading spinners with React.js.
  • react-ladda - React wrapper for Ladda buttons.
  • react-progress-button - Simple react.js component for an inline progress indicator.
  • react-loader - React component that displays a spinner via spin.js until your component is loaded.
  • react-spinkit - A collection of loading indicators animated with CSS for React.
  • react-progress-label - Progress label component.
Carousels
Collapse
  • react-collapse - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
Charts
Displays data in graphs / diagrams
Display a Tree Data Structure
UI Navigation
Ways to navigate views
Custom Scrollbar
Media
Audio / Video
  • react-player - A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.
  • react-youtube - React.js powered YouTube player component.
  • react-soundplayer - Create custom SoundCloud players with React.
  • react-video - React component to load video from Vimeo or Youtube across any device.
  • react-music - Make beats with React.
  • react-dailymotion - Dailymotion player component for React.
Map
Display time / date / age
  • react-time - Component for React to render relative and/or formatted dates into
  • react-timeago - A simple time-ago component for ReactJs.
Photo / Image Gallery
Touch Swipe
Miscellaneous

Component Collections

Form Components

Let the user enter data
Date / Time picker
Rich Text Editing
Sortable List
Let the user define an order on a list
  • sortablejs - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.
  • react-anything-sortable - A ReactJS component that can sort any children with touch support and IE8 compatibility.
  • react-sortable-hoc - A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.
  • react-sortable - A sortable list component built with React.
Drag and Drop
Autocomplete
Autosuggest / autocomplete / typeahead
Select
Color Picker
  • react-input-color - React input color component with hsv color picker.
  • react-color - Color Pickers from Sketch, Photoshop, Chrome & more.
Toggle
Slider
Radio buttons
Type Select
Let the user select a tag / something while typing
Masked Input
Autosize Input / Textarea
  • react-input-autosize - Auto-resizing input field for React.
  • react-textarea-autosize -
at