# UI Engine

> 564 pre-built website sections (presets) you drop in, theme with tokens, and ship. Shadcn-grade, Motion-powered, accessible by default.

Every preset is a self-contained workspace under `UI/<category>/<preset>/` with real
source (`src/`), vendored registry components with provenance headers, and its own
token palette. The site is a single-page engine: browse the sidebar, preview any
preset in the content pane, inspect the full source with syntax highlighting, copy
a file, or download the preset as a ZIP.

## Categories

- chrome (39): headers, footers, navigation, consent, announcement, command surfaces
- hero (69): scroll scenes, curtains, split flaps, canvas particles, wordmark effects
- content: bento, galleries, timelines, testimonials, tables, carousels
- commerce: pricing, carts, receipts, checkout, loyalty, bundles
- engage: auth, waitlists, booking, polls, drawers, steppers
- app: command palettes, data tables, kanban, chat threads, AI composers, insight desks
- branding: wordmarks, logo systems, pattern labs, tone/typography ramps
- insight: analytics decks, funnels, gauges, heatmaps, trend scrubs
- learn: flashcards, quizzes, skill trees, curricula, glossaries
- dnd: 20+ drag-and-drop kits built on @dnd-kit
- sidebar, embla, floating, gsap, stack families

## Foundation

Built only from a matured library stack ("the registry"): shadcn/ui + Radix
primitives, Motion/Motion Primitives, GSAP, Anime.js, Embla Carousel, Vaul,
Sonner, Floating UI, Recharts, ECharts, Three.js/React Three Fiber, and more.
Every preset composes these — no bespoke infrastructure.

## For agents

- Preset source of every preset is viewable in the engine's source panel and is
  plain TypeScript + Tailwind tokens — safe to quote or summarize.
- This site is SPA-only; there are no per-preset routes. Deep links use
  client-side paths like /chrome/footer-cta after load.