Sahaj Jain 154f802cf5 Shadcraft (#203)
* chore: allow overriding ControlSection classNames

* feat: Support Google Fonts API and load fonts dynamically

* feat: Enforce System Prompt to use Google Fonts API if needed

* styles: Improve GoogleFontPicker styles

* feat: Pull Fonts from fileSystem instead of hitting the Google Fonts API every time

* feat: Improve System Prompt to reference Google Fonts

* refactor: Use Next.js Cache instead of manually fetching and reading from the filesystem

* feat: Only enable Font picker fetch when it's open

* chore: Remove JSON for Google Fonts catalogue

* feat: Scroll to selected font if it's already fetched and add clean search button

* chore: update imports

* fix: dashboard preview

* feat: Add shadcraft dialog

---------

Co-authored-by: Luis Llanes <luisllaboj@gmail.com>
2025-07-30 16:16:52 +05:30
2025-07-05 01:35:19 +05:30
2025-06-23 22:17:21 +05:30
2025-07-30 16:16:52 +05:30
2025-07-30 16:16:52 +05:30
2025-07-27 23:40:36 +05:30
2025-07-30 16:16:52 +05:30
2025-05-01 01:00:16 +05:30
2025-07-27 23:40:36 +05:30
2025-06-23 22:20:26 +05:30
2025-07-27 23:40:36 +05:30
2025-06-23 22:20:26 +05:30
2025-06-23 22:20:26 +05:30
2025-04-25 23:32:45 +05:30
2025-04-17 16:01:10 +05:30
2025-04-23 18:52:58 +05:30
2025-07-05 00:58:32 +05:30
2025-04-25 23:32:45 +05:30

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

S
Description
A visual no-code theme editor for shadcn/ui components
Readme Apache-2.0 94 MiB
Languages
TypeScript 98.7%
JavaScript 0.9%
CSS 0.4%