tweakcn

A visual no-code theme editor for shadcn/ui components
GitHub
3.27k
Created 3 months ago, last commit a day ago
18 contributors
582 commits
Stars added on GitHub, per day, on average
Yesterday
+23
Last week
+25.0
/day
Last month
+36.6
/day
README

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

tweakcn.com

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. Check our roadmap for more information

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

IMPORTANT: For contributions, please see CONTRIBUTING.md.

Prerequisites

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

Installation

  1. Clone the repository:
git clone https://github.com/jnsahaj/tweakcn.git
cd tweakcn
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. 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

GitHub Star History for jnsahaj/tweakcn