Experience
Experience
Depth
Spatial spaces
Depth planes, floating surfaces, and fog — CSS spatial stages for product worlds without a full engine. Graduate to Three.js when you need true 3D interaction.
When to go 3D
Use spatial CSS for marketing, empty states, and ambient dashboards. Use the Three.js playground for orbit, materials, and true scene graphs.
Atelier
Calm product studio — Foundry default
Nocturne
Deep night ops dashboard
Aurora
Immersive cool mist
Ember
Warm editorial worlds
Spatial recipe
Component: SpatialStage · Themes from worldThemes