介紹
產品概覽
tweakcn 是一款專爲 shadcn/ui 打造的在線主題編輯平臺，提供直觀的可視化操作界面。開發者能夠通過實時調整色彩、字體、間距等 Tailwind CSS 屬性，快速定製組件樣式，並即時查看效果。工具全面支持 Tailwind CSS v3 和 v4，內置豐富主題模板，同時生成可直接複用的 CSS 代碼，極大簡化了主題設計和集成流程。
主要功能
- 實時樣式調整：動態修改顏色、排版與間距等參數，並即時預覽 shadcn/ui 組件效果
- 多版本 Tailwind 支持：兼容 v3 和 v4，支持 OKLCH、HSL 等多種色彩格式
- 主題模板庫：提供大量精心設計的明暗主題預設，助力快速啓動項目
- 一鍵代碼生成：自動生成 Tailwind CSS 配置代碼，輕鬆適配 React 及 Next.js 項目
- 精細化樣式控制：可詳細調整圓角、陰影、間距等參數，打造獨特視覺風格
- 無需登錄使用：無需註冊即可開始設計，實現零門檻操作
使用場景
- 用戶界面主題設計：幫助開發者和設計師快速構建獨具特色的 shadcn/ui 應用主題
- 高效原型開發：通過可視化編輯與實時反饋，加速主題迭代，避免手動編寫 CSS
- 學習 Tailwind CSS：新手可交互式探索樣式屬性，直觀理解各類參數作用
- 明暗主題適配：便捷設計和切換明暗主題，保持視覺統一性
