1. Material UI
MUI: The React component library you always wanted
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster.
mui.com
- 리액트 기반 UI 라이브러리 중 가장 인기 많음
- 구글 머테리얼 디자인을 기반으로 제작
- 타입스크립트, 플로우 타입 모두 지원
2. React Bootstrap
React-Bootstrap
The most popular front-end framework, rebuilt for React.
react-bootstrap.github.io
- Bootstrap을 리액트 기반으로 만든 라이브러리
3. Semantic-UI-React
Introduction - Semantic UI React
Semantic UI React is the official React integration for Semantic UI . Installation instructions are provided in the Usage section. jQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representat
react.semantic-ui.com
- Semantic UI의 리액트 버전
- Semantic UI에 jQuery 의존성 제거하여 순수하게 리액트로만 개발된 버전
4. Ant Design
Ant Design - The world's second most popular React UI framework
ant.design
- Typescript 기반으로 제작된 라이브러리
- 컴포넌트가 다양하며 디자인도 깔끔함
- 용량이 크지만 사용이 간편함
5. React-Materialize
Storybook
react-materialize.github.io
- Materialize 라이브러리를 리액트 기반으로 변경
- Materialize를 리액트에서 사용하고 싶다면 ㄱ
6. Blueprint
Blueprint – Documentation
blueprintjs.com
- 리액트 기반으로 제작된 UI toolkit
- 리액트 기반으로 하는 웹 애플리케이션을 제작한다면 추천
- 웹 어플리케이션에서 사용되는 컴포넌트들을 다수 제공
7. Grommet
Grommet
v2.grommet.io
- 컴포넌트 종류가 다양하며 깔끔함
- 차트 컴포넌트를 기본으로 제공
'IT > Front' 카테고리의 다른 글
| [jQuery] .attr() (0) | 2024.02.07 |
|---|---|
| [jQuery] 문법 (0) | 2024.02.07 |
| [CSS] class/id (0) | 2024.01.31 |
| [CSS] padding과 margin의 차이 (1) | 2024.01.31 |
| [HTML] div와 span의 차이 (1) | 2024.01.30 |
