Storefront listing card
From A$0.00 * ex GST
Available colors
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.
Pointer-driven rotateX / rotateY with spring; flattened when reduced motion is preferred — compared with legacy bounce vs the default storefront listing (tilt + lift).
Lab tilt (spring)
Product tile
Hover and move the pointer — subtle 3D tilt.
Legacy bounce (listing)
From A$0.00 * ex GST
Available colors
Default listing (tilt + lift)
From A$0.00 * ex GST
Available colors
FAQ-style expand/collapse with AnimatePresence height.
Typical decorated orders ship in 5–10 business days.
layoutId shared element for the active tab indicator.
Fabric weight, print method, and artwork notes.
Native scroll-snap chips — good for related products on mobile.
Horizontal scroll with snap — flick on touch.
Thin Framer Motion bar tied to page scroll — only visible while this demo is mounted on a lab page.
Fixed to the viewport top while you scroll this page (pink bar). Resize the window and scroll the lab to see it move.
Checkout-style steps with an animated connector.
Click steps — connector animates (checkout metaphor).
Spring scale on fake “add” for feedback without haptics.
Label crossfades to “Copied ✓” with aria-live for screen readers.
Spring thumb on an iOS-style switch.
Click stars or use the link to stagger-fill for a reviews UI.