Skip to content
don’t make it ugly
All resources

ToolTools, Components

tweakcn

A visual theme editor that makes a shadcn/ui app stop looking like every other shadcn/ui app.

Staff pickUsed by meOpen sourceFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of tweakcn

What it is

tweakcn is a free, open-source theme editor for shadcn/ui. Adjust colours, radius, fonts, shadows and spacing with live preview, then export the CSS variables into your project. It also ships preset themes that are a big step up from the defaults.

Why it’s here

The single highest-leverage fix for "my app looks generic". Ten minutes here does more than an afternoon of prompting.

Best for

  • restyling shadcn/ui
  • colour themes
  • making an app feel less generic

Can my agent use this?

Agent good agent friendliness

Yes, in two steps. Pick a theme visually, then give the exported CSS (or the registry install command it generates) to your agent to apply.

Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.

Access methods

  • Public website
  • GitHub
  • Copy/paste
  • CLI

Related resources

  • Origin UI
    Preview of Origin UI

    Origin UI

    Hundreds of polished, practical components built on shadcn/ui conventions.

    excellent agent friendlinessComponent libraryFreeOpen sourceStaff pick
  • Radix Colors
    Preview of Radix Colors

    Radix Colors

    Colour scales designed for real UI, with light and dark modes that actually match.

    excellent agent friendlinessAsset libraryFreeOpen sourceStaff pick
  • UI Colors
    Preview of UI Colors

    UI Colors

    Turn one brand colour into a full Tailwind-style shade scale.

    good agent friendlinessToolFree
  • v0
    Preview of v0

    v0

    Vercel's generative UI tool: describe a screen, get a shadcn/ui implementation.

    good agent friendlinessTool