オープンソース。新しい可能性。

DembrandtはNode.js CLIツールで、PlaywrightでサイトをレンダリングしDOMスタイルを読み取って、カラー・タイポグラフィ・スペーシング・ボーダー・シャドウ・モーション・コンポーネントをW3Cデザイントークンに変換する。CIドリフト検知とMCP対応。

kampsy/uiはVercelのGeistに着想を得たSvelte 5向けUIコンポーネントライブラリ。一貫性のあるWeb体験構築を目指す。MITライセンスで提供され、オンラインドキュメントサイトを備える。

Tailgridsは、Tailwind CSSで構築されたオープンソースのReact UIコンポーネントライブラリです。100以上のプロダクション対応コピー＆ペーストコンポーネントに加え、UIブロックやテンプレートを提供し、TypeScript、アクセシビリティ、ダークモード、CLIインストーラーをサポートしています。

TW Elementsは、Tailwind CSS向けのMITライセンス・コンポーネントライブラリです。500以上のインタラクティブなUIコンポーネントと117以上のデザインブロックを提供し、ダークモード対応やテーマ設定が可能で、個人・商用問わず無料で利用できます。

Twin.macroは、Tailwind CSSのユーティリティクラスをCSS-in-JSワークフローに導入するBabelマクロであり、ビルド時にtw、css、styled、themeの使用箇所をCSSオブジェクトに変換します。emotionやstyled-componentsなどをサポートし、ViteやNext.jsなどの環境で利用可能です。

Next.js 16+、Tailwind CSS 4、TypeScript向けの包括的なプロダクション準備済みボイラープレートです。テスト、リンティング、モニタリングツールのフルスイートを備え、開発者体験を最優先しています。

Welcome UIはWelcome to the Jungle(@wttj)が公開したReact・TypeScript・Tailwind CSS・Ariakitベースのカスタマイズ可能デザインシステム。コンポーネントや設定の詳細はREADMEおよび公式ドキュメントで確認できる。

daisyUIは、Tailwind CSS向けの無料かつオープンソースのコンポーネントライブラリです。HTMLで直接利用可能な、カスタマイズ可能な設計済みUIコンポーネントを提供しており、充実したドキュメントやコミュニティサポートを備えています。

Filamentは、Laravel向けのオープンソースUIフレームワークであり、Livewireを使用してアプリケーションや管理パネルを迅速に構築するためのテーブル、フォーム、インフォリストなどの既製ビルディングブロックを提供します。