--- title: May 2026 - Introducing Rhea | daily.dev description: A new shadcn/ui style called Rhea has launched, offering a more compact version of the existing Luma style with smaller spacing, tighter controls, and denser... canonical: https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: May 2026 - Introducing Rhea | daily.dev og:description: A new shadcn/ui style called Rhea has launched, offering a more compact version of the existing Luma style with smaller spacing, tighter controls, and denser... og:url: https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2 og:image: https://api.daily.dev/og/posts/0vXVhnxX2.png og:image:alt: May 2026 - Introducing Rhea og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # May 2026 - Introducing Rhea **[The Foundation for your Design System - shadcn/ui](https://daily.dev/sources/shadcn-ui)** · 2 min read · 0 upvotes · 0 comments ## Summary A new shadcn/ui style called Rhea has launched, offering a more compact version of the existing Luma style with smaller spacing, tighter controls, and denser surfaces for focused product interfaces. Rather than changing the --spacing multiplier (which would alter what utilities like p-2 or w-4 mean across an app), the team built Rhea as an entirely separate style that adjusts component sizes and gaps directly while keeping Tailwind's utility scale predictable. Rhea is available now in shadcn/create for both Radix and Base UI. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is the new Rhea style in shadcn/ui and how does it differ from Luma? Rhea is a new shadcn/ui style that offers a more compact version of Luma, with smaller spacing, tighter controls, and denser surfaces designed for focused product interfaces. It keeps Luma's rounded foundation but makes buttons, inputs, menus, cards, and lists sit tighter so interfaces can show more information without feeling crowded. It is available in shadcn/create for both Radix and Base UI. _Developers weighing shadcn/ui style options can follow updates like this on daily.dev._ ### Why didn't shadcn/ui just change the spacing variable to make Luma more compact instead of creating a new style? Because the --spacing variable in shadcn/ui is a multiplier, changing it would alter what familiar Tailwind utilities like p-2, w-4, and m-16 mean throughout an app, breaking predictability. Instead, a separate style called Rhea was created so component sizes, gaps, and density could be adjusted directly while keeping the underlying Tailwind utility scale unchanged. _Teams evaluating Tailwind spacing tradeoffs can track shadcn/ui design decisions on daily.dev._ ## Similar posts on daily.dev - [Base UI \(Taylor's Version\)](https://daily.dev/posts/base-ui-taylor-s-version--juhzj4rfp) · Bytes by ui.dev · 17 upvotes · 1 comments - [Shadcn UI adoption guide: Overview, examples, and alternatives](https://daily.dev/posts/shadcn-ui-adoption-guide-overview-examples-and-alternatives-0pr6z5eli) · LogRocket · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#tailwind-css](https://daily.dev/tags/tailwind-css), [#design-systems](https://daily.dev/tags/design-systems), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"May 2026 - Introducing Rhea","url":"https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2"},"datePublished":"2026-08-23T12:17:38.788Z","dateModified":"2026-08-23T12:22:41.754Z","description":"A new shadcn/ui style called Rhea has launched, offering a more compact version of the existing Luma style with smaller spacing, tighter controls, and denser...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d13e0d901c728c68029b53e47f92ad49?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d13e0d901c728c68029b53e47f92ad49?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"The Foundation for your Design System - shadcn/ui","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"The Foundation for your Design System - shadcn/ui","logo":"https://media.daily.dev/image/upload/s--GiOq6F7Y--/f_auto,q_auto/v1787487441/logos/shadcn-ui?_a=BAMAMicg0","url":"https://daily.dev/sources/shadcn-ui"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,tailwind-css,design-systems,shadcn","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Foundation for your Design System - shadcn/ui","item":"https://daily.dev/sources/shadcn-ui"},{"@type":"ListItem","position":3,"name":"May 2026 - Introducing Rhea"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/may-2026---introducing-rhea-0vxvhnxx2#faq","mainEntity":[{"@type":"Question","name":"What is the new Rhea style in shadcn/ui and how does it differ from Luma?","acceptedAnswer":{"@type":"Answer","text":"Rhea is a new shadcn/ui style that offers a more compact version of Luma, with smaller spacing, tighter controls, and denser surfaces designed for focused product interfaces. It keeps Luma's rounded foundation but makes buttons, inputs, menus, cards, and lists sit tighter so interfaces can show more information without feeling crowded. It is available in shadcn/create for both Radix and Base UI. Developers weighing shadcn/ui style options can follow updates like this on daily.dev."}},{"@type":"Question","name":"Why didn't shadcn/ui just change the spacing variable to make Luma more compact instead of creating a new style?","acceptedAnswer":{"@type":"Answer","text":"Because the --spacing variable in shadcn/ui is a multiplier, changing it would alter what familiar Tailwind utilities like p-2, w-4, and m-16 mean throughout an app, breaking predictability. Instead, a separate style called Rhea was created so component sizes, gaps, and density could be adjusted directly while keeping the underlying Tailwind utility scale unchanged. Teams evaluating Tailwind spacing tradeoffs can track shadcn/ui design decisions on daily.dev."}}]} ```