tweakcn.com

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

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. Currently in beta, starting with a Tailwind CSS theme editor. Support for all other shadcn/ui components is planned.

Current Features

You can find the full feature list here: https://tweakcn.com/#features

Roadmap

You can find the updated roadmap here: https://tweakcn.com/#roadmap

Run Locally

Prerequisites

• Node.js 18+
• npm / yarn / pnpm

Installation

1. Clone the repository:

git clone https://github.com/jnsahaj/tweakcn.git
cd tweakcn

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

Contributors

Made with contrib.rocks.

Interested in Contributing?

Contributions are welcome! Please feel free to submit a Pull Request.

Star History