Unlisted test route for motion, embed, and add-to-cart interaction experiments. Open with a country prefix, e.g. /au/test/animation-widgets. Sections are paginated (?page=2, 10 per page); add-to-cart / button interaction blocks start around page 13 (see footer pagination). The old /test/button-animations URL redirects to that page. Global cursor trail is disabled so the custom cursor demo is visible.
Snow uses react-snowfall; “fireworks” reuse canvas-confetti (no extra sim library).
Fake product grid: children animate in with stagger when the block enters the viewport.
Number springs toward a target once in view — prefers reduced motion shows the final value immediately.
Orders fulfilled (demo)
0+
Infinite horizontal promo strip; pauses as static copy when reduced motion is on.
Placeholder card with a moving sheen (disabled under reduced motion).
Shimmer overlay + static bars (placeholder layout).
Checkmark path uses pathLength — lightweight alternative to Lottie for line icons.
SVG circular progress — inline task or checkout step indicator.
Demo ring at 72% — use for checkout steps or file upload.
Background layer moves on a slower curve while scrolling inside a fixed-height region.
Scroll inside this box — background shape moves on a slower layer (1).
Scroll inside this box — background shape moves on a slower layer (2).
Scroll inside this box — background shape moves on a slower layer (3).
Scroll inside this box — background shape moves on a slower layer (4).
Scroll inside this box — background shape moves on a slower layer (5).
Scroll inside this box — background shape moves on a slower layer (6).
Scroll inside this box — background shape moves on a slower layer (7).
Scroll inside this box — background shape moves on a slower layer (8).
Radial highlight follows the pointer inside a dark panel.
Move the pointer — soft spotlight follows (no custom cursor needed).
Material-style ripple from the contact point on a primary button.
