aurora

Aurora Design System

Operator-first design system for Labby — an AI-powered gateway control plane built with Rust.

Overview

Aurora is a shadcn-compatible registry for agent products and operator-grade application workflows.

It is a dark-first, operator-grade design system featuring:

• 129 registry items — 2 style entries + 64 UI primitives + 63 composed blocks
• CSS custom properties — compatible with both dark and light themes
• shadcn registry — install any component with one command
• Manrope + Inter + JetBrains Mono font stack

Registry source is organized by responsibility:

• registry/aurora/styles/ contains the Aurora token and theme contract.
• registry/aurora/ui/ contains stable UI primitives.
• registry/aurora/blocks/ contains domain-oriented product blocks for AI, workspace, files, auth, navigation, and feedback workflows.

Quick install

# Install the Aurora token layer first
npx shadcn@latest add https://aurora.tootie.tv/r/aurora-tokens.json

# Then install any Aurora item
npx shadcn@latest add https://aurora.tootie.tv/r/aurora-button.json

Registry usage

Namespaced installs

Add Aurora to your project's components.json:

{
  "registries": {
    "@aurora": "https://aurora.tootie.tv/r/{name}.json"
  }
}

Then install from the namespace:

npx shadcn@latest add @aurora/aurora-tokens
npx shadcn@latest add @aurora/aurora-button

Branded root URL hosting

When you deploy this Next.js app, the root route is configured for shadcn content negotiation. Browsers still get the docs/gallery, while the shadcn CLI can resolve the root registry from / via the Accept or User-Agent headers.

That means the branded registry URL is simply:

https://aurora.tootie.tv

The generated registry payloads are still available directly under public/r/*.json.

Setup

1. Add to app/globals.css:

@import "../registry/aurora/styles/aurora.css";

2. Add to app/layout.tsx:

import { Manrope, Inter, JetBrains_Mono } from "next/font/google"
// html className="dark"

Components

UI Primitives (registry/aurora/ui/)

Component	Import
Button	@/registry/aurora/ui/button
Badge	@/registry/aurora/ui/badge
Input	@/registry/aurora/ui/input
Select	@/registry/aurora/ui/select
Textarea	@/registry/aurora/ui/textarea
Checkbox	@/registry/aurora/ui/checkbox
Switch	@/registry/aurora/ui/switch
Avatar	@/registry/aurora/ui/avatar
Progress	@/registry/aurora/ui/progress
Tabs	@/registry/aurora/ui/tabs
Breadcrumb	@/registry/aurora/ui/breadcrumb
Pagination	@/registry/aurora/ui/pagination
Dialog	@/registry/aurora/ui/dialog
DropdownMenu	@/registry/aurora/ui/dropdown-menu
ContextMenu	@/registry/aurora/ui/context-menu
Tooltip	@/registry/aurora/ui/tooltip
Banner	@/registry/aurora/ui/banner
Toast	@/registry/aurora/ui/toast
EmptyState	@/registry/aurora/ui/empty-state
Skeleton	@/registry/aurora/ui/skeleton
StatCard	@/registry/aurora/ui/stat-card
DataTable	@/registry/aurora/ui/data-table
FilterBar	@/registry/aurora/ui/filter-bar