Catalog

Assets

Every asset in the library, searchable by intent and filtered by tier, category, interaction, motion, and technology. Search is deterministic and local.

25 assets

Activity
08:12
Dispatch accepted
A. Cole took job 1043.
08:41
Part requested
Filter housing, warehouse B.
09:05
Customer notified
ETA window 10:00–12:00.
Activity Feed
A chronological activity list for service and operations products.
- application
- 2 variants
DRAFTWarm Service
InstructionSummarize the open jobs that still need parts.
AI Prompt Composer
A prompt composer with optional attachments and tool-call status.
- ai
- 3 variants
DRAFTDark Technical
Named tokens
Color, type, and space come from the token contract, not one-off hex values.
Live preview
Each asset is a real React surface. Viewport labels match actual widths.
Agent contract
Search, guidance, and implementation stay serializable JSON — no React in the registry.
Animated Feature Grid
A feature grid with optional CSS reveal. Not a bento collage.
- marketing
- 3 variants
DRAFTNeutral Professional
Motion asset
Measured grid, not glow
CSS translation only. Honors reduced motion. No Anime.js or WebGL unless a later asset declares those dependencies.
Animated Grid Background
A CSS grid field that pans slowly. Reduced-motion stops the pan.
- motion
- 2 variants
DRAFTDark Technical
Showcase
Cinematic Entrance Hero
A hero whose entrance is choreographed: drifting plate, nav that drops in, copy that rises from blur, and stat arcs that draw themselves.
- marketing
- 3 variants
DRAFTEmber Cinematic
Showcase
Cinematic Product Stage
A premium product stage with layered depth and optional pointer parallax.
- marketing
- 3 variants
DRAFTRestrained Modern
Command Palette
A command dialog for jumping to actions inside an application.
- application
- 3 variants
DRAFTDark Technical
Jobs
Job Customer Status Tech
1042 Westside Clinic Scheduled R. Chen
1043 Harbor School In progress A. Cole
1044 Pine Court Blocked —
Data Table with Filters
A filterable data table for operational lists.
- data
- 3 variants
DRAFTHigh-Density Operations
Showcase
Depth Card Stack
A z-depth card stack with swipe, keyboard, tilt, and an expand state.
- application
- 3 variants
DRAFTPaper Depth
Selected: heading / H2
Properties
SizeAlign
Editor Inspector
A property inspector beside a canvas, composed from the editor-sidebar pattern.
- editors
- 3 variants
DRAFTNeutral Professional
Canvas stays visible while properties edit beside it.
Properties
Projected from the pattern registry. CANDIDATE, not CANONICAL.
Editor Sidebar
Persistent property panel beside a canvas so editing controls do not cover the object being edited.
- editors
- 2 variants
CANDIDATENeutral Professional
DRAFT · experimental proof
Experimental Stack Surface
DRAFT composition proof. Not a production pattern.
Live preview of the projected pattern. Do not treat as CANONICAL.
Experimental Stack Surface
Phase 1 composition proof that stacks content inside a surface. Not a production pattern.
- application
- 1 variant
DRAFTNeutral Professional
Harbor
Product
Customers
Pricing
Docs
Floating Top Navigation
A compact floating product header with labeled links.
- navigation
- 3 variants
DRAFTMinimal Product
Showcase
Immersive Card Reveal
Layered editorial cards that expand into a shared stage when selected.
- marketing
- 3 variants
DRAFTMonochrome Luxury
Showcase
Immersive Gallery Hero
Scene-driven editorial hero with oversized type, swipe, and scene navigation.
- marketing
- 3 variants
DRAFTBright Editorial
Operations software
Keep field work visible without another dashboard maze
A product hero for scheduling, dispatch, and status — not a decorative landing collage. Copy stays readable. The visual is a working panel.
Today · 14 jobs
08:30 Install — Westside
10:15 Inspection — Harbor St
13:00 Repair — queued
Modern SaaS Hero
A product hero with a working-panel visual instead of a giant empty gradient.
- marketing
- 3 variants
DRAFTNeutral Professional
Dispatch
Monday board
Open
28
In progress
11
Blocked
3
SLA risk
2
Operations Dashboard Header
A high-density dashboard header with tabular metrics, not nested metric cards.
- application
- 3 variants
DRAFTHigh-Density Operations
Showcase
Palette Morph Product Hero
A product hero whose palette rewrites the whole environment, not one accent.
- marketing
- 4 variants
DRAFTWarm Product
Northline
Working surface
Premium Sidebar Navigation
A dense workspace sidebar with compact, expanded, and floating rails.
- navigation
- 3 variants
DRAFTDark Technical
Field
$49/mo
One workspace
Job board
Email notices
Crew
$119/mo
Dispatch board
Technician app
SLA watch
District
$249/mo
Multi-yard
Audit export
Priority support
Pricing Comparison
An editorial pricing comparison without glowing featured cards.
- marketing
- 3 variants
DRAFTEditorial
Scrubbable sequence
Every road carries a story
OriginEvery road carries a story.
No fixed routeThe path bends to the person walking it.
Made their ownPeople made these things theirs.
Keep goingThe stage holds while the story moves.
Showcase
Scrubbed Journey Stage
A seekable narrative sequence driven by the first-party timeline engine.
- marketing
- 1 variant
DRAFTEditorial Narrative
Showcase
Spatial 3D Carousel
A CSS 3D carousel with perspective, drag/swipe, and keyboard controls.
- 3d
- 3 variants
DRAFTFuturistic Spatial
Showcase
Tactile Press Control
An embossed CSS control with physical press, keyboard activation, and readable contrast.
- forms
- 3 variants
DRAFTSoft Tactile
Showcase
Technical Product Console
A dark technical product stage with surrounding telemetry modules.
- application
- 3 variants
DRAFTBlack Technical
Showcase
Topographic Terrain Hero
A dark layered-ridge landscape with glowing edges, an italic serif headline, and floating captions that parallax under the pointer.
- marketing
- 3 variants
DRAFTDark Topographic

Job	Customer	Status	Tech
1042	Westside Clinic	Scheduled	R. Chen
1043	Harbor School	In progress	A. Cole
1044	Pine Court	Blocked	—