tweakcn docs

Theme editor quick start

Use the editor to refine your tokens, preview component variants, and ship accessible themes faster.

  1. 1

    Open the editor and select a base palette.

  2. 2

    Adjust typography, radius, and shadows to match your brand.

  3. 3

    Preview components in light and dark mode.

  4. 4

    Export tokens and sync them to your Next app.

Launch editorBack to home