React组件总结

汲灿
2023-12-01

UI组件

Table / Grid

1. reactable

2. ag-grid

3. react-datagrid

4. griddle-react

5. react-data-grid

6. react-data-components

7. react-bootstrap-table

8. reactabular

9. react-pivot

10. fixed-data-table

11. autoresponsive-react

12. sematable

滚动加载

1. react-lazyload

2. react-infinity

3. react-infinite

4. react-infinite-grid

5. react-list

6. react-virtualized

模态框

1. react-dock

2. react-overlays

3. boron

4. react-modal2

5. react-modal

6. react-skylight

7. rodal

8. react-modal-box

9. react-aria-modal

提示框

1. react-notification-system

2. react-notification

3. react-s-alert

4. react-crouton

菜单

1. react-burger-menu

2. react-sidebar

3. react-motion-menu

4. react-offcanvas

5. react-tree-menu

6. react-metismenu

Sticky(粘性布局)

1. react-sticky

2. react-headroom

3. react-listview-sticky-header

4. react-sticky-state

5. react-stickynode

Tabs

1. react-tabs

2. react-simpletabs

3. react-tabtab

Loading/进度条

1. halogen

2. react-ladda

3. react-progress-button

4. react-loader

5. react-spinkit

6. react-progress-label

7. react-redux-loading-bar

轮播

1. react-slick

2. react-swipe

Charts

1. react-chartist

2. d3-react-squared

3. react-d3-components

4. recharts

5. react-chartjs

6. react-dazzle

7. react-vis

8. react-sparkline

9. react-sparklines

10. rumble-charts

11. react-micro-bar-chart

12. react-timeseries-charts

13. react-google-charts

Tree

1. react-treeview

2. react-ui-tree

3. react-treebeard

UI Navigation

1. react-scroll

2. react-swipe-views

滚动条

1. react-custom-scrollbars

2. react-scrollbar

3. react-smooth-scrollbar

4. react-gemini-scrollbar

5. react-custom-scroll

Audio / Video

1. react-player

2. react-youtube

3. react-soundplayer

4. react-video

5. react-music

6. react-dailymotion

Map

1. react-gmaps

2. google-map-react

3. react-googlemaps

4. react-leaflet

5. react-geosuggest

6. react-map-gl

时间处理

1. react-time

2. react-timeago

图片处理

1. react-image-gallery

2. react-images

3. react-photo-gallery

4. react-svg-pan-zoom

图片加载

1. react-lazyload

2. react-infinity

3. react-infinite

4. react-infinite-grid

5. react-virtualized

6. react-lazy-load

其他

1. react-timesheet

2. react-intl

3. react-blur

4. react-split-pane

5. typography

6. react-paginate

7. react-json-tree

8. react-icons

9. react-emoji

10. react-resizable-and-movable

11. react-dnr

12. react-resizable-box

13. react-file-reader-input

14. react-pagespeed-score

15. react-autolink

16. react-svg-buttons

17. react-avatar

18. react-joyride

19. material-color-hash

表单组件

时间控件

1. react-datepicker

2. rc-calendar

3. react-date-range

4. react-day-picker

5. react-daterange-picker

6. react-yearly-calendar

7. react-calendar

8. input-moment

9. react-datetime

10. react-bootstrap-datetimepicker

11. react-bootstrap-daterangepicker

12. react-big-calendar

13. react-date-select

14. react-infinite-calendar

富文本编辑器

1. react-quill

2. react-ace

3. react-contenteditable

4. react-codemirror

5. react-medium-editor

6. draft-js

7. ritzy

8. megadraft

Color选择器

1. react-input-color

2. react-color

3. coloreact

Markdown

1. react-markdown

2. react-md-editor

3. react-markdown-editor

UI布局

1. rgx

2. react-flexbox

3. react-masonry-mixin

4. react-inline-grid

5. react-layout-components

6. react-grid-layout

7. react-masonry-component

8. react-flexbox-grid

9. react-stonecutter

10. flexbox-react

11. autoresponsive-react

12. golden-layout

13. reactwm

UI动画

1. react-tween-state

2. react-motion

3. react-transitive-number

4. react-spark-scroll

5. react-motion-ui-pack

6. react-magic-move

7. velocity-react

8. react-track

9. rc-animate

10. react-router-transition

11. react-gsap-enhancer

12. react-mt-svg-lines

13. react-flip-move

14. react.animate

15. react-anime

16. animakit-rotator

17. animakit-elastic

18. animakit-expander

19. react-atv-img

20. react-parallax-component

UI框架

PC

1. elemental

2. rctui

3. belle

4. react-uikit-components

5. searchkit

6. rebass

7. react-foundation-apps

8. grommet

Mobile

1. onsenui

2. reactionic

3. touchstonejs

代码设计

数据管理等

1. react-redux

2. fluorine-lib

3. redux-batched-actions

4. react-i13n

5. shasta

6. react-redux-provide

7. redux-batched-subscribe

8. reflux

9. fluxxor

10. dispatchr

11. alt

12. baobab-react

13. reselect

14. react-controllables

15. recompose

16. redux-ui

17. redux

18. mobx-react

19. cerebral

路由

1. react-router

2. react-router-component

3. redux-router

4. react-router-scroll

5. universal-router

6. rrtr

7. react-router-redux

8. react-breadcrumbs

9. monorouter

10. cerebral-module-router

CSS / Style

1. react-responsive

2. react-css-modules

3. aphrodite

4. postcss-js

5. react-inline-css

6. classnames

7. react-container-query

8. react-look

9. stilr

10. react-css-components

11. inline-style-prefixer

HTML模板

1. jsx-control-statements

2. react-templates

3. hyperx

Tests

1. ui-harness

2. redux-test-recorder

3. legit-tests

4. unexpected-react

5. chai-enzyme

6. react-unit

7. enzyme

8. redux-ava

9. carte-blanche

开发工具

1. redux-devtools-inspector

2. redux-devtools-chart-monitor

3. redux-devtools-dock-monitor

4. redux-devtools-filterable-log-monitor

5. redux-devtools-log-monitor

6. remote-redux-devtools

7. redux-devtools

 类似资料: