TweakCN

TweakCN は shadcn/ui コンポーネントライブラリ専用に設計された、無料のオープンソース可視化テーマエディターです。ノーコード方式で UI テーマをカスタマイズし、Tailwind CSS の設定をエクスポートします。

現時点の情報では、TweakCN は無料のオープンソースツールで、基本機能を利用するのに料金は発生しません。

TweakCN は shadcn/ui デザイン仕様を深く統合し、Tailwind CSS v3/v4 を完全対応。生成されたテーマコードは Next.js などのプロジェクトで直接使用できます。

TweakCN は開箱即用のツールで、通常は登録を求められずオンラインのテーマ編集機能を直接利用できます。

TweakCN はワンクリックで Tailwind CSS 設定と CSS カスタムプロパティを完全にエクスポートします。これらのコードをプロジェクトの設定ファイルにコピーして直接使用できます。

はい、明暗モードそれぞれに独立したカラー変数を設定できる深くカスタマイズ可能なカラー方案に対応しています。

TweakCN は Figma のコミュニティプラグインを提供し、生成したテーマを Figma に取り込み、デザイン変数とコードプロジェクトの同期を実現します。

公開情報によれば、TweakCN は現在 Beta テスト段階で、オープンソースコミュニティが維持・継続的に更新しています。