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.
canvas-confetti with star shapes (distinct from snow lab).
Rotating gradient ring with counter-spun inner card.
Five rows with staggered shimmer bars.
Contrasting radii on button vs input with focus-visible.
Tab between controls — ring eases between square-ish (button) and pill (input).
Local data-motion wrapper to preview simpler motion.
With reduce, the wiggle stops; hook your CSS to [data-motion=reduce] or prefers-reduced-motion.
Optional heavy blur layer with rAF fps note.
Lab counter ~0 fps. On low-end devices the combo can jank; use will-change sparingly and remove after animation.
Tall mock blocks skip work until near the viewport.
Sections below use content-visibility: auto so off-screen blocks skip layout/paint work. Good for long PDP pages; pair with explicit min-height if you need scrollbar stability.
Pair of cards using view-transition-name where supported.
Swap with View Transitions API where supported.
Stable gutter plus anchor scroll margin under a sticky header.
Panel uses scrollbar-gutter: stable plus header scroll-padding-top so in-panel anchors respect a sticky sub-header.
Inline GLSL fragment shader bulges a still image around the pointer with a chromatic-aberration ring on the lens edge.
Move pointer — fragment shader bulges + chromatic-aberration ring.
