shadcn-theme-editor

github.com

在运行中的应用内实时编辑 shadcn/ui（Tailwind v4 / OKLCH）主题变量，一键写回源码 CSS。

开源ReactNext.jsVueSvelteAstro

被推荐 1 次

访问网站 ↗

适合做什么

适合用 shadcn/ui + Tailwind v4 的前端开发者，在开发时实时调色、调圆角与阴影并同步到 globals.css。

标签与属性

授权

开源

技术栈

React Next.js Vue Svelte Astro Tailwind HTML/CSS

平台

网页浏览器

谁在推荐

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

@sebas-dv/shadcn-theme-editor In-app overlay that edits shadcn (Tailwind v4 / OKLCH) theme tokens live and writes changes straight back to your globals.css via PostCSS, with OKLCH sliders and live WCAG contrast checks. Link 2026-09-19T06:39:00.924Z

同类推荐

样式框架与工具

Bootstrap

最流行的前端 UI 框架，提供响应式栅格、大量 CSS 与 JS 组件，可快速搭建网站。

开源HTML/CSS落地页后台

getbootstrap.com1 处推荐详情

样式框架与工具

Tailwind CSS

实用优先的 CSS 框架，用类名直接在 HTML 中快速构建现代网站。

开源HTML/CSS落地页SaaS文档站

tailwindcss.com2 处推荐详情

设计系统

Salesforce Lightning Design System

Salesforce 官方开源设计系统，提供 CSS 框架与组件，用于构建符合 Lightning 风格的界面。

开源HTML/CSS

github.com1 处推荐详情

样式框架与工具

Foundation

响应式前端框架，语义化、移动优先、可定制，支持网站、应用和邮件。

HTML/CSS落地页邮件

get.foundation2 处推荐详情

样式框架与工具

styled-components

React 的 CSS-in-JS 样式库，用真实 CSS 编写组件样式，自动作用域隔离，支持 SSR 与 React Native。

开源ReactReact Native

github.com1 处推荐详情

样式框架与工具

Bulma

基于 Flexbox 的免费开源 CSS 框架，模块化、响应式，无需 JavaScript。

开源HTML/CSS落地页后台

bulma.io1 处推荐详情