Welcome
Aura UI is a macOS-inspired component system for Next.js and Tailwind v4.
Aura UI gives you a small, opinionated set of primitives — glass surfaces, lime accents, tactile motion — designed to feel like a piece of Apple-grade hardware.
Choose your framework
Choose your framework
CommandsNext.js
Create project
npx create-next-app@latest aura-app --ts --app --eslint --use-npm --src-dir=false --import-alias "@/*"Enter project
cd aura-appInstall package
npm install @nexaui-library/aura-uiStart project
npm run devWhat's inside
- 1Generate a fresh Next.js app with the app router enabled.
- 2Install Aura UI inside the generated project.
- 3Add the Aura tokens to the global stylesheet and build from the app shell.
Where to start
import "./globals.css";
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}What's inside
- Tokens — colors, borders, easings, and grain, all driven by CSS variables.
- Components — Navbar, Hero, Window, Bento, Marquee, Spotlight.
- Motion — a single shared cubic-bezier so the whole system moves as one.
Where to start
Head to Getting Started to install and run, then explore Installation, Theming, Tokens, Components, Icons, and Fonts to see the full system.