介绍
产品概览
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：新手可交互式探索样式属性，直观理解各类参数作用
- 明暗主题适配：便捷设计和切换明暗主题，保持视觉统一性
