mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-11 09:51:40 +00:00
df1752dfe0
* feat: add rhea * fix: blocks * feat: build chat example * fix * fix: sidebar * fix * feat: update home * fix * fix * fix * feat: optimizine fonts * feat * fix * fix * fix * fix * fix * fix * fix: font in preview * fix
46 lines
2.0 KiB
Plaintext
46 lines
2.0 KiB
Plaintext
---
|
|
title: May 2026 - Introducing Rhea
|
|
description: A more compact Luma. Smaller spacing. Denser surfaces. Built for focused product interfaces.
|
|
date: 2026-05-26
|
|
---
|
|
|
|
Introducing Rhea, a new shadcn/ui style. A more compact Luma. Smaller spacing. Denser surfaces. Built for focused product interfaces.
|
|
|
|
<a href="/create?preset=b27GcrRo">
|
|
<Image
|
|
src="/images/rhea-light.png"
|
|
width="3840"
|
|
height="2160"
|
|
alt="Rhea style preview"
|
|
className="mt-6 w-full overflow-hidden rounded-lg border dark:hidden"
|
|
/>
|
|
<Image
|
|
src="/images/rhea-dark.png"
|
|
width="3840"
|
|
height="2160"
|
|
alt="Rhea style preview"
|
|
className="mt-6 hidden w-full overflow-hidden rounded-lg border shadow-sm dark:block"
|
|
/>
|
|
<span className="sr-only">Try Rhea in shadcn/create</span>
|
|
</a>
|
|
|
|
Rhea started from a simple request we've heard a lot: Luma, but more compact. We looked at how people were using the new styles and what they were asking for, and the pattern was clear. A lot of teams wanted the softness and shape of Luma with tighter spacing, smaller controls, and more information density.
|
|
|
|
Rhea keeps the same rounded foundation, but makes it more compact for product interfaces where space matters. Buttons, inputs, menus, cards, and lists all sit a little tighter so the UI can carry more without feeling crowded.
|
|
|
|
## Why a new style?
|
|
|
|
We considered making this a spacing tweak for Luma, but `--spacing` is a multiplier. Changing it would change what familiar utilities mean across your app. `p-2`, `w-4`, and `m-16` would no longer mean the same size.
|
|
|
|
That tradeoff felt wrong. Compactness should not force you to relearn Tailwind's spacing scale or wonder whether a utility means something different in one style than another.
|
|
|
|
So Rhea is a new style instead. It lets us adjust component sizes, gaps, and density directly while keeping the underlying utility scale predictable.
|
|
|
|
Available now in [shadcn/create](/create) for both Radix and Base UI.
|
|
|
|
<Button asChild size="sm">
|
|
<Link href="/create?preset=b27GcrRo" className="mt-6 no-underline!">
|
|
Try Rhea
|
|
</Link>
|
|
</Button>
|