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.

Explore Components⌘ Read the docs

Button

Multiple styles

Input

Clean and intuitive

Card

Beautiful container

SD

Sofia Davis

Product Designer

Slider

Precision control

Volume75%
Brightness60%

Toggle

Interactive controls

Notifications
Auto update

Badge

Status indicators

NewPopularPremiumSuccess

Select

Custom dropdowns

Aura UI

Button

Live component preview

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.

01 — Surfaces

Glass that breathes.

Backdrop-filtered surfaces sit above grain and glow, picking up the light underneath without ever feeling heavy.

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.

78%

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.

Yes — Aura UI is fully open source under the MIT licence. Use it in personal projects, commercial products, client work, or internal tooling without restriction or attribution. We only ask that you keep the licence header in any source files you redistribute. Stars on GitHub help us prioritise what to build next, but they are entirely optional. If your team wants priority support, custom themes, or a private fork, get in touch — paid arrangements exist but are never required to use the library.