tweakcn
可视化UI主题定制,轻松生成Tailwind CSS代码
tweakcn: shadcn/ui主题编辑器与生成器,提供实时预览、Tailwind CSS v4/v3支持、多种颜色模式(OKLCH, HSL, RGB, HEX),以及丰富的主题预设,助您轻松定制个性化UI主题。无需注册,免费使用,开源代码。

更多关于 tweakcn 的信息
tweakcn
tweakcn 是一款功能强大的 shadcn/ui 主题编辑器和生成器,它能帮助您快速创建和定制个性化主题。您可以使用 tweakcn 的可视化编辑器和丰富的预设主题,轻松调整颜色、排版和布局等,并实时预览效果。最终生成的代码可以直接复制到您的项目中使用,从而节省大量时间和精力。
- •颜色控制:提供直观的颜色选择器界面,方便您自定义背景、文本和边框颜色。
- •排版设置:支持微调字体大小、粗细和文本转换,帮助您打造完美的视觉效果。
- •Tailwind v4 & v3 支持:无缝切换 Tailwind v4 和 v3,并支持 OKLCH 和 HSL 等多种颜色格式。
- •Tailwind 属性控制:通过对半径、间距、阴影和其他 Tailwind 属性的精确控制,微调组件的每一个细节。
- •精美主题预设:提供一系列精美预设主题,并能轻松自定义亮暗模式颜色。
- •对比度检查器:内置对比度检查功能,确保您的设计符合无障碍标准。
- •实时可视化编辑器:提供可视化编辑器,实时预览主题效果,无需注册即可使用。
tweakcn 是您提升 shadcn/ui 主题设计效率的利器。它简化了主题定制流程,让您告别繁琐的代码编写,轻松创建个性化主题,从而提升用户体验和应用美观度。通过 tweakcn,您可以专注于创意设计,快速实现您的设计理念,为您的应用赋予独特的视觉风格。










