Tailwindcssとは

TailwindcssとはCSSフレームワークの一つです。
CSSフレームワークといえば、BootstrapがありますがTailwindcssとは大きく異なります。
Bootstrapが勝手にボタンなどのレイアウトを作ってくれますが、Tailwindcssはそうは行きません。
自分で設定する必要があります。
ではTailwindcssのメリットは何かというと、カスタマイズ性の高さです。
Bootstrapをカスタマイズすると、他の要素を巻き込まないようにするためクラスが煩雑になります。
もちろんCSSに記述する必要があります。
しかしTailwindcssはそれ単体で設定し、CSSを使わずにカスタマイズできます。
繰り返しを避けたいときはCSSでユーティリティクラスを使って簡単に設定することもできます。

まとめ

以上のようにTailwindcssはBootstrapのような簡単なものではありませんが、慣れてくるとそれ以上の効果を出せるでしょう。

参考サイト