Shadcn playground

Design, tweak, and copy Shadcn components in one place.

Browse components, try different styles, and copy the code you like. Your changes stay while you explore, and reset on refresh.

Browse Shadcn components

Explore the full Shadcn component library from the sidebar.

Edit component files and watch the preview update as you type.

Swap between prebuilt styles from Tweakcn using the styles dropdown.

Preview every style in both light and dark themes with a click.

Copy component code and paste it directly into your repo.

Switch between components without losing changes until you refresh.

Use Command+K to search for and open any component in seconds.