IT/Front

[React] UI Library

Huitopia 2022. 6. 4. 03:44
728x90

React

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

  • 컴포넌트 종류가 다양하며 깔끔함
  • 차트 컴포넌트를 기본으로 제공

 

728x90