Shadcn Theme Editor

shadcnthemeeditor.vercel.app

一个用于可视化管理和自定义 shadcn/ui 主题颜色的在线编辑器，支持实时预览组件效果。

ReactTailwind网页

被推荐 1 次

访问网站 ↗

适合做什么

适合使用 shadcn/ui 的开发者快速调整主题配色，实时预览按钮、卡片等组件效果。

标签与属性

技术栈

React Tailwind

平台

网页

谁在推荐

@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗

shadcn-theme-editor Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects. Link 2024-12-27T12:56:05.000Z

同类推荐

配色工具

Coolors

极速配色方案生成器，按空格键即可生成配色，支持浏览千万配色、图片取色、对比度检查与 AI 配色。

免费

coolors.co5 处推荐详情

浏览器扩展

ColorZilla

Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

chrome.google.com1 处推荐详情

配色工具

Adobe Color

Adobe 出品的在线配色工具，可浏览热门色板、从图片提取颜色并生成渐变。

免费+付费

color.adobe.com4 处推荐详情

浏览器扩展

ColorZilla

浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

addons.mozilla.org1 处推荐详情

配色工具

Colorable

免费的在线颜色对比度测试工具，可实时预览文字与背景配色并检查可访问性。

免费

colorable.jxnblk.com3 处推荐详情

配色工具

Leonardo

Adobe 开源配色工具，按 WCAG 对比度生成可访问的色板与主题，支持暗色模式与色盲安全。

开源后台数据可视化

leonardocolor.io1 处推荐详情