これはかなり便利！ 無料で利用できるTailwind CSSのUIライブラリをコンポーネント別に探せる -Curated UI List
Post on:2025年5月19日
sponsors
最近では、Tailwind CSSで実装した無料のUIライブラリが増えてきました。これらのライブラリで共通しているのはもちろん、Tailwind CSSをベースにしていることで、さまざまなデザインやスタイルのライブラリが公開されています。
無料で利用できるTailwind CSSのライブラリからUIコンポーネント別に実装コードを探せるCurated UI Listを紹介します。
List of free Tailwind CSS Components
Curated UI Listは、こちらから。
利用は簡単で、登録など面倒なことは一切不要です。
List of free Tailwind CSS Components
UIコンポーネント別・ライブラリ別にTailwind CSSで実装したUIコンポーネントを探すことができます。
まずは、ボタンやカードなどのUIコンポーネント別。
続いて見た目は似ていますが、ライブラリ別は下記ページから。
まずは、UIコンポーネント別からボタンを見てます。
人気があるTailwind CSSのライブラリがずらっと表示され、各ライブラリの簡単な説明が記載されています。
FlowbiteはUIコンポーネントをTailwind CSSのユーティリティクラスで実装したオープンソースのライブラリです。
Tailwind CSS Buttons - Flowbite
Flowbiteについては、以前の記事をご覧ください。
Tailwind CSSで実装されたOSSのUIコンポーネント集 -FlowBite
Float UIはTailwind CSSを使用したReactおよびVue向けのUIコンポーネントのライブラリです。
Tailwind CSS Buttons -Float UI
Curated UI ListのUIコンポーネント別には、他にもたくさんのUIコンポーネントが揃っています。
タブ、カード、アコーディオン、テーブル・パンくず、ページネーション、モーダル、カルーセルなどもあります。
ヘッダやフッタ・ヒーロー、サイドバー、ナビゲーション、フォーム、FAQなども揃っており、上の方にあるライブラリの数が多いです。
sponsors
