Logo Scatter
Pill-shaped logo pieces scatter across the viewport on a loop, then sway gently before reassembling. Built with Motion v10 WAAPI transforms.
animation ds-anim-logo
Usage
// Motion v10 scatter pattern — see ui/special/logo_scatter.go
// special.LogoScatter(special.LogoScatterProps{
// ID: "my-logo",
// Mode: "loop", // or "scroll" for IntersectionObserver trigger
// })
//
// Key constraint: CSS transform px on SVG children = SVG user units.
// recalc() multiplies targets by svgScale = viewBox.width / svgRect.width.