Skip to main content

Documentation Index

Fetch the complete documentation index at: https://kindling.birklid.com/llms.txt

Use this file to discover all available pages before exploring further.

Open SourceApplications Layer

tweakcn

Visual theme editor for shadcn/ui — stop every project looking the same, customize design tokens live and copy the result straight into your config.
tweakcn GitHub

Type

Open Source (Apache 2.0)

Stack Layer

Applications

Language

TypeScript

Stars

9.8k+

What it is

tweakcn is a visual, no-code theme editor for shadcn/ui components. The problem it solves: every project using the default shadcn/ui setup ends up looking nearly identical. tweakcn gives you a live editor with preset themes and granular controls over colors, typography, border radius, and other design tokens. The output is copy-paste compatible with any shadcn/ui project — no new dependencies, just updated CSS variables and config. It ships with curated presets (including the Solar Dusk theme that Kindling itself uses) and supports full custom theming from scratch. The project is actively maintained and works with the current shadcn/ui and Tailwind CSS 4 ecosystem.
Use this when you’re building a React app with shadcn/ui and want to match your brand’s design system without manually hunting through CSS variables — spend 10 minutes in the editor instead of hours in a stylesheet.

Get started

tweakcn.com ↗

Live editor with presets and export.

GitHub ↗

Source code and contribution guide.

Impeccable

Design skill for AI coding assistants — prevent generic AI-generated UI.

Huashu Design

AI skill for prototypes, slides, and motion graphics from text descriptions.