Awesome React components & libraries to use π
26 min readJan 9, 2021
--
This is a list of awesome useful react components and libraries that can solve your problems and boost your app performance & creativity.
UI Components
Editable data grid / spreadsheet
- ag-grid β Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
- gigatables-react β Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.
- react-data-grid β Excel-like grid.
- revo-grid β demo/docs β Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization.
- ReactGrid β demo/docs β Add spreadsheet-like behavior to your app
- jqwidgets-react-grid β Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more.
Table
- autoresponsive-react β Auto Responsive Layout Library For React.
- ka-table β demo β Customizable table component with sorting, filtering, grouping, virtualization, editing etc. π
- material-table β demo/docs β 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 β demo/docs β accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination
- react-table β demo β Hooks for building fast and extendable tables and datagrids
- rsuite-table β demo/docs β A table component that supports virtualized.
- sematable β Client-side sorting, pagination, and text filter for redux/react based apps.
- DevExtreme React Grid β High-performance plugin-based data grid for Bootstrap and Material Design.
- Smart React Grid β Fast and feature-complete data grid with Material Design.
- KendoReact Grid β Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more.