showcase · 3d · visual-experience
Spatial 3D Carousel
DRAFTA CSS 3D carousel with perspective, drag/swipe, and keyboard controls.
DragSwipeKeyboardCSS motionFuturistic Spatial
Spatial sequence
North atrium
390px · narrowlight themecomfortablefull motioncatalog shows a poster; this stage is the live implementation
Original spatial card sequence using CSS preserve-3d. Variants rearrange the same cards into a cylinder, cover-flow, or orbital ring. Hover is enhancement only.
- Use when
- 3D carousel touch enabled spatial product or gallery sequence
- A marketing or library surface needs perspective cards without WebGL
- Avoid when
- True volumetric scenes that require Three.js
- Forms or dense data tables
- Visual style
- Futuristic Spatial
- States
- default, focus-visible, active/pressed, narrow/mobile, reduced-motion
- Maturity
- DRAFT · v0.1.0 · builtin. Nothing is promoted automatically.
- Themes
- default, dark