Context-aware icons
SVG paths interpolate on interaction — state follows intent.
Hover to morph
NexaUI · App Router kit
Build glass-native interfaces without the noise.
A minimalist launchpad: Safari-framed previews, spotlight search, and motion that respects scroll. Ivory light, zinc-deep dark.
npm install nexaui
Get startedhttps://nexaui.dev/preview/dashboard
Live preview
Magic UI · SafariGlass panel
Backdrop blur, hairline border, soft lift.
Motion layer
Springs tuned for UI, not fireworks.
Tokens
Cream / zinc-deep, one coherent system.
Showcase
Components in motion
Rectangular cards auto-scroll — swap images for your own component captures or marketing art.
Bento showcase
Asymmetric layout, scroll parallax, and small interactive labs.
Theme harmonizer
Tune a triad and preview harmony on a live glass tile.
Harmonized chip
Fluid typography
Scale Arima in real time — feel the voice change.
Arima scales with purpose.
Skeleton-first
Flip the interface into skeleton loaders to validate layout rhythm before the data arrives.
Content-ready panel
Typography, spacing, and affordances stay stable while payloads stream in.
Continue exploring
Docs, fonts, and icon recipes.
Every destination in the nav is a real route — bookmarkable and ready for your content.
Magic UI moment
Interactive sandbox
Trigger confetti and a continuous shine pass — a tactile reward for explorers who click everything twice.