38 lines
1.3 KiB
Plaintext
38 lines
1.3 KiB
Plaintext
---
|
|
title: March 2026 - Introducing Luma
|
|
description: Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe, minus the glass.
|
|
date: 2026-03-31
|
|
---
|
|
|
|
Introducing Luma, a new shadcn/ui style. Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe, minus the glass.
|
|
|
|
<a href="/create">
|
|
<Image
|
|
src="/images/luma-light.png"
|
|
width="2160"
|
|
height="1832"
|
|
alt="Luma style preview"
|
|
className="mt-6 w-full overflow-hidden rounded-2xl border dark:hidden"
|
|
/>
|
|
<Image
|
|
src="/images/luma-dark.png"
|
|
width="2160"
|
|
height="1832"
|
|
alt="Luma style preview"
|
|
className="mt-6 hidden w-full overflow-hidden rounded-2xl border shadow-sm dark:block"
|
|
/>
|
|
<span className="sr-only">Try Luma in shadcn/create</span>
|
|
</a>
|
|
|
|
Luma is a new foundation for your next app. It gives components softer surfaces, more open spacing, and a calmer visual rhythm while keeping the same shadcn/ui workflow.
|
|
|
|
Like the other new styles, Luma 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](/create) for both Radix and Base UI.
|
|
|
|
<Button asChild size="sm">
|
|
<Link href="/create?preset=b2D0wqNxT" className="mt-6 no-underline!">
|
|
Try Luma
|
|
</Link>
|
|
</Button>
|