vogel

shadcn Create means every site doesn’t have to look the same

Randomize fonts, colors, icons, radius and the component library, then start a project from the result.

· · 4:51 video · News

When shadcn/ui took off, it worked beautifully with AI agents, and then every site started to look the same. shadcn’s answer is Create, a new way to start a project with a design system that’s actually yours.

I had access for about a day before launch. Try it on ui.shadcn.com. The video was sponsored by Inbound, which is built on the new components.

Summary

  • Presets bundle a style, an icon set and a font as a starting point.
  • You pick the component library: Radix, or Base UI, which had just reached 1.0.
  • Style, base color, theme color, font and radius are all adjustable.
  • Press R to randomize everything, and keep pressing until something clicks.
  • New projects start from Next.js, TanStack Start or Vite, with pnpm, npm, Yarn or Bun.

How to apply it

  1. Start new projects in Create instead of the default theme so your UI doesn’t look generic.
  2. Randomize a few times, then lock in the font, color and radius you like.
  3. Pair it with a design-capable model. One prompt gave me a homepage I liked, built only from shadcn components.
  4. You own the components and code, so keep customizing after setup.

More from vogel