daisyUIとは

The most popular, free and open-source Tailwind CSS component library

Tailwind CSSをベースとしたCSSライブラリで、No JavaScriptでかわいくて機能的な見た目を実現できるスグレモノ。

Bootstrapのような使い勝手でいろんなコンポーネントを実現できる。実態はTailwind CSSなので拡張も簡単。

今回はこちらのライブラリをReact（Next.js）で色々触ってみましたので、感想などをお伝えします。

なぜ興味を持ったか

最近プロジェクトでChakra UIを触っている。かなり便利なのだが、機能もスタイリングも提供されたものを使っているゆえにロックインされている感じが少し怖い。

特に機能（ロジック）面の実装においては思うところが色々あって、

などなど。恩恵が大きいだけに馴染んでしまえば気にならないのだが、Themingの方もややこしかったりするので技術選定するには勇気がいるかもなーという感じ。

で、「こんなものがあったらなあ」というので

みたいなのを思い浮かべており、「daisyUIがぴったりじゃないか！」となった。