Baike.dev
All toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
T

tweakcn

> 前端框架
Open source

A visual no-code theme editor for shadcn/ui components

10.2K stars0 likes0 views
WebsiteGitHub

About

A visual no-code theme editor for shadcn/ui components


**[tweakcn](https://tweakcn.com)** is a powerful Visual Theme Editor for tailwind CSS & shadcn/ui components. It comes with Beautiful theme presets to get started, while aiming to offer advanced customisation for each aspect of your UI ## Motivation Websites made with shadcn/ui famously look the same. tweakcn is a tool that helps you customize shadcn/ui components visually, to make your components stand-out. The goal is to build a platform where a user can discover endless customization options and then have the ability to put their own twist on it. ## Current Features You can find the full feature list here: https://tweakcn.com/#features ## Run Locally **IMPORTANT: For contributions, please see [CONTRIBUTING.md](CONTRIBUTING.md).** ### Prerequisites - Node.js 18+ - npm / yarn / pnpm ### Installation 1. Clone the repository: ```bash git clone https://github.com/jnsahaj/tweakcn.git cd tweakcn ``` 2. Install dependencies: ```bash npm install ``` 3. Start the development server: ```bash npm run dev ``` 4. Open [http://localhost:3000](http://localhost:3000) in your browser. ## Contributors Made with [contrib.rocks](https://contrib.rocks). ### Interested in Contributing? Contributions are welcome! Please feel free to submit a Pull Request. # Star History

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

TypeScriptshadcnshadcn-themeshadcn-theme-editorshadcn-ui

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category前端框架
PricingOpen source

> Related tools

R
React
用于构建用户界面的 JavaScript 库
V
Vue.js
渐进式 JavaScript 框架
N
Next.js
基于 React 的全栈 Web 框架