Repolode
投稿する
saadeghi

saadeghi/daisyui

Tailwind CSSにクラス名で使えるUIコンポーネントを追加する、無料のオープンソースライブラリ。

GitHub で見る公式サイト
スター
42,625
フォーク
1,711
未解決の Issue
32
最終コミット
一昨日

これは何？

daisyUIはTailwind CSS向けのコンポーネントライブラリです。ボタン、カード、モーダル、フォームコントロールを毎回ユーティリティクラスで組み立てる代わりに、開発者はbtn、card、modalなどの意味のわかりやすいコンポーネントクラス名を指定します。スタイルはdaisyUIのTailwindプラグインから適用されます。

複数のテーマが用意されており、data属性で切り替えられるため、同じマークアップのまま配色を変えられます。コンポーネントは通常のHTMLとCSSクラスで構成されているので、どのフレームワークでも、フレームワークを使わなくても利用できます。また、プロジェクトのホームページではSvelteをはじめとするツールとの連携も紹介されています。

npmパッケージとして配布されており、CDNから読み込むこともできます。ライセンスはMITで、現行のメジャーバージョンはdaisyUI 5です。

主な機能

  • 01Tailwind CSSをベースに、btn、card、modalなどの意味のわかりやすいコンポーネントクラス名を提供します。
  • 02複数の組み込みテーマがあり、data属性で切り替えられます。
  • 03通常のHTMLでも、あらゆるフロントエンドフレームワークでも利用できます。
  • 04npmでインストールするか、CDNから読み込めます。

ユースケース

  • Tailwind CSSを使って、マーケティングサイトやダッシュボードのUIを素早く構築する。
  • 独自のコンポーネントスタイルを書かずに、統一感のあるボタン、フォーム、モーダルを追加する。
  • 実行時に切り替えられるテーマを使って、インターフェースのプロトタイプを作成する。

トピック

#tailwind-css#css#ui-components#component-library#design-system#frontend#component#components#css-components#css-framework

よくある質問

daisyui とは？
Tailwind CSSにクラス名で使えるUIコンポーネントを追加する、無料のオープンソースライブラリ。 daisyUIはTailwind CSS向けのコンポーネントライブラリです。ボタン、カード、モーダル、フォームコントロールを毎回ユーティリティクラスで組み立てる代わりに、開発者はbtn、card、modalなどの意味のわかりやすいコンポーネントクラス名を指定します。スタイルはdaisyUIのTailwindプラグインから適用されます。
daisyui は無料で使えますか？ライセンスは？
daisyui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
daisyui は今もメンテナンスされていますか？
活発にメンテナンス中。daisyui の最終コミットは 2026年10月17日 です。
daisyui は何に使えますか？
Tailwind CSSを使って、マーケティングサイトやダッシュボードのUIを素早く構築する。 独自のコンポーネントスタイルを書かずに、統一感のあるボタン、フォーム、モーダルを追加する。 実行時に切り替えられるテーマを使って、インターフェースのプロトタイプを作成する。
daisyui はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/saadeghi/daisyui

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト