01 — Surfaces
Glass that breathes.
Backdrop-filtered surfaces sit above grain and glow, picking up the light underneath without ever feeling heavy.
All systems operational · v0.1
Interfaces with
Aura
A macOS-inspired component system for teams who care about depth, motion, and the quiet details. Built for Next.js and Tailwind v4.
Aura UI — Component Explorer
primary
outline
ghost
destructive
loading
icon
Gallery
Showcase
Real surfaces stitched from the same primitives — click any card to open it as a window.
The system
Composableprimitives
Every surface — buttons, inputs, cards, tables — flows from the same set of tokens. Borders breathe with depth, glass refracts light., glow follows the accent, and a subtle grain ties it all together. Swap a single token and watch the whole system retune itself across every component.
02 — Motion
Tactile by default.
Every transition rides the same easing curve so the system feels like one piece of hardware.
03 — Tokens
Themeable to the pixel.
Colors, radii, easings, and grain — all CSS variables, all adjustable in one place.
04 — Composition
Bento-ready primitives.
Spans of 4, 5, and 7 give you a flexible 12-column rhythm that holds up at every breakpoint.
05 — Density
Lives in dense UIs.
Drop into dashboards, editors, or settings panes without re-tuning a single token.
06 — Accessibility
Quiet contrast.
WCAG-respecting ramps with focus rings that never break the calm of the surface.
07 — Performance
60fps, even on the M-series.
Variables drive animation properties, keeping work on the compositor thread.
Help
Frequently askedquestions
Quick answers about themes, tokens, motion, and shipping with Next.js.