👑

王道UIライブラリに飽きたReactユーザーへ

2022/12/19に公開

そこのあなた。もしかしてMUIChakra UIdaisyUIを使うのに飽きました?

もっと違うデザインが欲しい...
けど、一からコンポーネント作るのはダルい...

そんなReactユーザー達のための記事です。

この記事で紹介するUIライブラリはAnt DesignSemantic UIなどGitHubスターがとても多いUIライブラリではなく、良デザイン&高機能だけど日本であまり知られない、そんなUIライブラリのごく一部を紹介します。

Konsta UI

https://konstaui.com/

Framework7

https://framework7.io/

MOBISCROLL

https://mobiscroll.com/

これすげーよ

PrimeReact

https://www.primefaces.org/primereact/

様々なのUIライブラリも作ってるところが提供してるReactのUIライブラリ。

Java用なども古くから開発してるからか、とにかく完成度が高い。

Autocompleteなど高度なコンポーネントから、なんとテーマ別のVisual Editorまである。

NativeBase

https://nativebase.io/

Reactはもちろん、React Nativeでも使えるよう調整されているUIライブラリ。

Chakra UIのようなUtility Firstな設計のおかげで書き心地が良い。

ActionSheetのようなモバイルデバイス向けのネイティブらしいコンポーネントもある。

Flowbite

https://flowbite.com/

daisyUIのように、Tailwind CSSユーザー向けのUIライブラリ。

基本的なコンポーネントを揃えていて、デザインもシンプル。

フレームワーク別の導入方法やFigmaなどドキュメントが豊富。

React Suite

https://rsuitejs.com/

とにかくコンポーネントの種類が多い。AutocompleteからCalendarまである。

そしてデザインもシンプルで良き。

Lessによるカスタマイズが懸念点ではある。

Evergreen

https://evergreen.segment.com/

Segmentが作っているReact用のUIライブラリ。

Autocompleteなど高度なコンポーネントを揃えつつ、デザインはとてもミニマルに揃えてある。

Discussion