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.

    Component libraryFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Radix Colors
    Preview of Radix Colors

    Radix Colors

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

    Asset libraryFreeOpen sourceexcellent agent friendliness
    Staff pick
  • UI Colors
    Preview of UI Colors

    UI Colors

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

    ToolFreegood agent friendliness
  • Accessible Palette
    Preview of Accessible Palette

    Accessible Palette

    Build colour scales where every step has predictable, accessible contrast.

    ToolFreegood agent friendliness