Tweakcn
Tweakcn is a free, open-source UI component library built with React, Next.js and Tailwind CSS. A visual no-code theme editor for shadcn/ui components. It has 10,493 GitHub stars and is released under the Apache-2.0 license. A live demo is linked from this page.
github.com/jnsahaj/tweakcn (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit jnsahaj/tweakcn my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/jnsahaj/tweakcn.git my-uiSources: GitHub docs on template repositories, degit.
About Tweakcn
tweakcn 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
Built with
- React
- Next.js
- Tailwind CSS
- shadcn/ui
- TypeScript
Similar templates
More UI components & kits
Shadcn Vue
unovue/shadcn-vue
A set of beautifully designed components that you can customize, extend, and build on.
Active · last commit Oct 28, 2026
OfficialUI components & kitsTypeScriptBuefy
buefy/buefy
Lightweight UI components for Vue.js based on Bulma.
Active · last commit Sep 8, 2026
UI components & kitsVueCosscom UI
cosscom/ui
coss.com/ui is the official design system of Cal.com.
Maintained · last commit Oct 22, 2026
UI components & kitsTypeScriptFlowbite
themesberg/flowbite
Open-source UI component library and front-end development framework based on Tailwind CSS.
Maintained · last commit Jun 27, 2026
OfficialUI components & kitsHTMLBase UI
mui/base-ui
Unstyled UI components for building accessible web apps and design systems.
Active · last commit Oct 28, 2026
OfficialUI components & kitsTypeScriptNg Zorro Antd
NG-ZORRO/ng-zorro-antd
Angular UI Component Library based on Ant Design.
Active · last commit Oct 21, 2026
UI components & kitsTypeScript
How do I use Tweakcn?
Copy the files into a new folder with npx degit jnsahaj/tweakcn my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Tweakcn for commercial projects?
Yes. Tweakcn is released under the Apache-2.0 license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Tweakcn maintained?
The repository's most recent commit was on Sep 3, 2026. appsgit only lists templates from repositories with a commit in the last six months.