Introducing Sera, a new shadcn/ui style. Minimal. Editorial. Typographic. Underline Controls and Uppercase Headings. Shaped by Print Design Principles.

Try Sera in shadcn/create

Sera is a typography-first style built on print design principles. It pairs serif headings with sans-serif body text, uses square corners, uppercase tracking, and underlined controls to create an editorial feel for your app.

Like the other new styles, Sera goes beyond theming. It changes the geometry, spacing, and feel of the components so your app starts from a different visual baseline.

Available now in shadcn/create for both Radix and Base UI.

We added shadcn apply so you can switch presets in an existing project without starting over.

When you run npx shadcn@latest apply in an existing project, we apply a new preset, reinstall your existing components, and update your theme, colors, CSS variables, fonts, and icons.

pnpmnpmyarnbun
pnpm dlx shadcn@latest apply --preset b2D0vQ7G4
Copy

The CLI keeps the current base and RTL settings from your existing project, even when the preset URL was generated with different values.