Home >Web Front-end >JS Tutorial >What ui frameworks does react have?

What ui frameworks does react have?

青灯夜游
青灯夜游Original
2020-11-25 10:37:355447browse

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.

What ui frameworks does react have?

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/


4. Semantic-UI-React

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.

What ui frameworks does react have?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


6, Blueprint

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


7、Fabric

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/


8. Rebass

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


9. amaze UI (no longer maintained)

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 first

front-end frameworkOfficial website address: http://amazeui.org/

Github: https://github.com/zordius/lightncandy


10、React Grommet

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.

What ui frameworks does react have?

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn