Home >Web Front-end >JS Tutorial >What ui frameworks does react have?
React’s UI frameworks include: Material-UI (UI interface framework based on React), React-Bootstrap, Ant-design, Semantic-UI-React, React Desktop, Blueprint, Grommet, etc.
UI component library adapted to ReactJS
1. Material- UI
Material-UI is a React component library to implement Google's Material Design style UI interface framework. It is also one of the first UI toolsets for React. Use it to quickly build a pleasing application interface.
English documentation: https://material-ui.com
Chinese documentation: http://design.1sters.com
Github: https://github.com/mui-org/ material-ui
2, React-Bootstrap
##React-Bootstrap is a reusable front-end component library. React-Bootstrap is a library that encapsulates Bootstrap based on ReactJS. Official website: https://react-bootstrap.github.io Chinese documentation: http://react.tgwoo.com
Github: https://github.com/react-bootstrap /react-bootstrap/
3、Ant-design
## Mentioning Ant-design, everyone You may be thinking about the 'Christmas egg' incident that occurred some time ago. Ant-design is a ReactUI component library produced by the Alibaba team. Has its own unique design style and concept. It has been put into use in many Alibaba projects such as Alipay and Ant Financial. The componentization is of very high quality and works right out of the box.
Official website: https://ant.design/docs/react/introduce-cn
Github: https://github.com/ant-design/ant-design/
Semantic-UI’s official React component
Semantic-UI-React has almost all the useful components in Semantic-UI, and also has A very nice Declarative API, and shorthand props for React components, and jQuery-Free.
Official website: https://react.semantic-ui.com/
5、React Desktop
A ReactUI component library for MacOS Sierra and Windows10 desktop style. React-Desktop is a UI component for cross-platform desktop applications. You can find UI components available for both Mac OS and Windows 10 on it.
Official website: http://reactdesktop.js.org/docs/
Github: https://github.com/gabrielbull/react-desktop
Blueprint provides a series of ReactUI components that contain commonly used elements, patterns, and web interactions. It is suitable for building complex and data-intensive web interfaces for desktop applications. Its components are written in TypeScript and styled in Sass for a fast and flexible development process.
Official website: https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop
Fabric is a React component library for building Office- and Office 365-style styles. It is one of the official Office libraries written in TypeScript. There are all the Office components you can see, including development introductory guides, blogs, official colors and fonts, etc.
Official website: https://fabric-chs.readthedocs.io/zh_CN/chs/
Github: https://github.com/fabric/fabric/
Rebass It contains 60 components and is a UI library and UI design system.
Official website: https://rebassjs.org
Github: https://github.com/rebassjs/rebass
image
Amaze UI is a mobile-first, cross-screen front-end framework. Provides basic styles, grids, tables, forms, buttons and common component styles. It is a lightweight (about 100 kB after all CSS and JS gzip),
Mobile firstfront-end frameworkOfficial website address: http://amazeui.org/
Github: https://github.com/zordius/lightncandy
Grommet is a React component library that places great emphasis on experience. All components are accessible, have cross-browser compatibility and support theme customization. Through the configuration of attributes, the flexibility of the component can also be further improved
Official website address: https://v2.grommet.io
Github: https://github.com/grommet/grommet
11. React-Toolbox
A set of React components that use CSS modules to implement Google Material Design.
Have you heard of CSS Modules? React-Toolbox depends on it. It allows you to use only the CSS you need without using tools like Purify-CSS. In addition to this, React-Toolbox is a highly customizable framework with 30 components, ready to use out of the box.
For more programming-related knowledge, please visit: Programming Learning! !
The above is the detailed content of What ui frameworks does react have?. For more information, please follow other related articles on the PHP Chinese website!