tweakcn logo

tweakcn

可视化UI主题定制,轻松生成Tailwind CSS代码

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

Sponsors

Become one
Featured
NotchNook
NotchNook

NotchNook

Access media, calendar, files, and more from the Mac's notch

Visit Website
Featured
NoFilterGPT
NoFilterGPT

NoFilterGPT

Unleash the Unrestricted Power of anonymous and unfiltered ChatGPT

Visit Website

Promote your product

Seen by 300K+ monthly visitors

tweakcn - 可视化UI主题定制,轻松生成Tailwind CSS代码 | Product Screenshot
tweakcn product screenshot

更多关于 tweakcn 的信息

tweakcn

tweakcn 是一款功能强大的 shadcn/ui 主题编辑器和生成器,它能帮助您快速创建和定制个性化主题。您可以使用 tweakcn 的可视化编辑器和丰富的预设主题,轻松调整颜色、排版和布局等,并实时预览效果。最终生成的代码可以直接复制到您的项目中使用,从而节省大量时间和精力。

  • 颜色控制:提供直观的颜色选择器界面,方便您自定义背景、文本和边框颜色。
  • 排版设置:支持微调字体大小、粗细和文本转换,帮助您打造完美的视觉效果。
  • Tailwind v4 & v3 支持:无缝切换 Tailwind v4 和 v3,并支持 OKLCH 和 HSL 等多种颜色格式。
  • Tailwind 属性控制:通过对半径、间距、阴影和其他 Tailwind 属性的精确控制,微调组件的每一个细节。
  • 精美主题预设:提供一系列精美预设主题,并能轻松自定义亮暗模式颜色。
  • 对比度检查器:内置对比度检查功能,确保您的设计符合无障碍标准。
  • 实时可视化编辑器:提供可视化编辑器,实时预览主题效果,无需注册即可使用。

tweakcn 是您提升 shadcn/ui 主题设计效率的利器。它简化了主题定制流程,让您告别繁琐的代码编写,轻松创建个性化主题,从而提升用户体验和应用美观度。通过 tweakcn,您可以专注于创意设计,快速实现您的设计理念,为您的应用赋予独特的视觉风格。