Design systems with voltage
Foundry Volt is loud where it counts — electric teal, coral heat, and indigo charge — while components stay accessible, tokenized, and ready to ship.
Press ⌘K to search the entire system.
Primary
Teal volt
Accent
Coral pulse
Live tokens
CSS variables · dual theme
Motion ready
Framer · CSS · Three.js
Color story
Open color docsTeal
Primary actions
Coral
Hot accents
Indigo
Secondary energy
Amber
Warnings & light
Cyan
Data & motion
Install in minutes
Tokens, cn utility, and copy-paste components — no proprietary runtime.
Full component catalog
35+ primitives with status badges and import paths.
Experience layer
Devices, OS shells, bandwidth, media, worlds, and immersive stages.
AI agent integrations
Grok Build, Cursor, Claude Code, and Codex rules that stay on-token.
Devices
Mobile · tablet · desktop frames
Bandwidth
Lite mode for slow networks
Testing
Vitest · Playwright · axe
Worlds
Atelier · Nocturne · Aurora · Ember
Live component preview
Gradient primary, coral hot, outline, and ghost — hierarchy with color.
Action hierarchy
Primary gradient, secondary, outline, ghost, hot, and destructive.
Foundry Volt personality