foundation · motion · effect
Animated Grid Background
DRAFTA CSS grid field that pans slowly. Reduced-motion stops the pan.
TapKeyboardCSS motionDark Technical
Motion asset
Measured grid, not glow
CSS translation only. Honors reduced motion. No Anime.js or WebGL unless a later asset declares those dependencies.
390px · narrowlight themecomfortablefull motion
Background motion asset for heroes or empty canvases. Pure CSS. Declares no Anime.js or Three.js dependency.
- Use when
- A page needs quiet technical motion behind content
- Avoid when
- Motion-sensitive contexts that cannot honor prefers-reduced-motion
- WebGL product heroes — use a later 3D asset
- Visual style
- Dark Technical
- States
- default, reduced-motion
- Maturity
- DRAFT · v0.1.0 · builtin. Nothing is promoted automatically.
- Themes
- default, dark