# CSSライブラリ

CSSモジュールズやCSS-in-JSなど、CSSをカスタムする方法を説明しましたが、bootstrapのような既に作られたCSSをベースとしてカスタムすることが実務では多いかと思います。人気のCSSフレームワークとしては以下になります。

* Boostrap

本チャプターにて既に扱っていますが、一つのclass名にて標準的なレイアウトを構築してくれます。その分柔軟性は低いです。

{% embed url="<https://getbootstrap.jp/>" %}

* Tailwind

Bootstrapの次に人気のあります。class名にてプロパティを細かくいじることができ、柔軟性は高いですが、クラス名を多くつける必要があります。(個人的に1番おすすめです）

{% embed url="<https://tailwindcss.com/>" %}

* Material UI

こちらはUIコンポーネントのフレームワークで、既に装飾されたコンポーネントをimportして利用するので、とてもお手軽です。またドロップダウンやモーダルなど、動きがあるようなUIをお手軽に実装できるのが強みです。

{% embed url="<https://mui.com/>" %}