MUIとかChakra UIとか、結局どれを選べばいいの?【UIコンポーネントライブラリ】

2023/08/20に公開

結論

  • 環境
  • 使いたいComponents
  • デザイン

UIコンポーネントライブラリについての復習

  • 自分で0からCSSを書くのではなく、UIコンポーネントが最初からキットのように用意されているライブラリ
  • なので、ButtonコンポーネントやCardコンポーネントなどをすぐに使い始めることができる
  • 技術力がある人が作っているのでデザイン性や体験も良い

なんかMUIとかChakra UIとかVuetifyとか色々あって違いがわからない…

  • 使える環境が違う
  • デザインが違う
  • Componentsの種類が違う

大体はこれだけの差で、そもそもそんなに違いはない

選ぶポイント

環境

  • Vuetify

    • Vue.jsでしか使えない
  • MUI

    • Reactでしか使えない

など。

使いたいComponents

  • MUIにはあってChakra UIにはないコンポーネントなど

デザイン

  • Chakra UIのデザインが好き、MUIのデザインが好きなどで使い分ける

参考

https://kinsta.com/jp/blog/react-components-library/

Discussion