Choose a theme

A theme restyles every design on the site at once, and the code you copy comes in it too. You don’t have to change a single class yourself.

1. Open the style panel

   On any design page, use the rail at the right edge of the screen (on a phone, the Style button at the bottom right).

2. Pick a theme

   In the Theme tab, click one. Every preview changes straight away.

3. Change the font, if you like

   The Font tab has every font, with a search. When a theme uses two fonts, switch between Headings and Text.

4. Fine-tune it

   The Style tab changes heading weight and spacing, button shape, corners and shadows. Original keeps each design the way it was made. Reset to Classic at the bottom takes you back to the start.

Your theme goes everywhere

The site remembers your theme in this browser, and on your account when you’re signed in. Everything you get from ReadymadeUI uses it: Copy, Copy for AI, the CLI, your AI tool and shadcn.