Documentation | Aurora

Welcome to Aurora docs

Build a premium SaaS admin in an afternoon, not a sprint.

Aurora ships 80+ components, 18 chart types, 7 dashboard layouts, and a fully tokenized theme system. Get to your first screen in under five minutes.

# Install Aurora

$ npm i @aurora/admin

# Scaffold a new app

$ npx create-aurora my-app

# Start the dev server

$ npm run dev

✓ Ready in 1.4s → http://localhost:5173

Quick start

All guides →

Install via npm or pnpm, configure Vite, and import the core stylesheet in under 5 minutes.

Customize 240 design tokens — colors, typography, spacing, radii — and ship your brand in one file.

80+ accessible components — cards, stats, tables, forms, badges, timelines, charts, and more.

JavaScript APIs

Programmatic control — chart rendering, count-up animations, theme switching, formatters, reveal hooks.

Popular guides

All 64 guides →

Components 8 min read

Building a KPI hero card with gradient backgrounds

Use .card-hero with inline grid + sparkline SVG to build high-impact dashboard headers.

Charts 12 min read

Wiring ECharts to data-chart attributes

Aurora auto-detects 18 chart hooks — pass options via data attributes and skip the boilerplate.

Theming 6 min read

Dark mode in 4 lines with CSS custom properties

Toggle data-theme="dark" on the root — every component responds automatically.

Forms 10 min read

Multi-step form wizards with progress indicators

Chain .form-row with segmented controls and the progress-bar component.

Layouts 5 min read

Fixed sidebar + fixed footer admin shell

Two layout variants out of the box — drop in data-shell="admin" and go.

APIs 7 min read

Count-up animations & scroll reveal hooks

Add data-count-up="1234" for animated KPIs and .reveal for scroll-in.

Can't find what you're looking for?

Our team replies to support questions in a median of 4 hours, Mon–Fri.

Browse knowledge base Contact support