SC Prints
AccountCart (0)
  • Mens
  • Womens
  • Kids
  • Workwear
  • Corporates
  • Healthcare
  • Accessories
BrandsServicesBest Sellers
SC Prints

Premium decorated apparel and merchandise for teams, brands, and events across Australia.

Instagram

Quick Links

  • Home
  • Store
  • Brands
  • BYO merch
  • Contact Us
  • Search
  • Site map
  • Account
  • Sandbox

Policies

  • Shipping Policy
  • Returns Policy
  • Privacy Policy

Newsletter

Get product updates, promos, and print tips straight to your inbox.

© 2026 SC PRINTS. All rights reserved.

Animation widgets lab

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.

Toast

Short status toast from the bottom center with spring motion.

GSAP ScrollTrigger

Scroll-linked scrub animation (same stack as brands hero). Static fallback when prefers reduced motion.

Scroll the page while this block is on screen — the square scrubs with GSAP ScrollTrigger.

Rive — vehicles (state machine)

Hosted sample `vehicles.riv` with state machine **bumpy** (Rive CDN sample mirrored in /public). Autoplay respects reduced motion.

Rive — off-road car

CDN sample (off_road_car.riv) — simple looping artboard.

Rive — truck

CDN sample (truck.riv) — lightweight vector loop.

Rive — vehicles (default playback)

Same vehicles file with default autoplay (no explicit state machine prop) — compare with the bumpy state-machine variant above.

Rive — pointer listeners enabled

Same vehicles file with **Rive canvas listeners** enabled — if the artboard defines hit areas, pointer interactions may fire. Falls back visually to the same asset otherwise.

Particle stipple typography

Canvas stippled lettering on black: pointer repels grains; springs return to glyph homes when the cursor leaves (newmix-style). Static under reduced motion.

Spline — scene slot 1

3D embed via @splinetool/react-spline. Set **NEXT_PUBLIC_ANIMATION_LAB_SPLINE_URL_1** to a public scene URL.

Spline — scene slot 2

Set **NEXT_PUBLIC_ANIMATION_LAB_SPLINE_URL_2** for this block.

Page 6 of 18 — 10 sections per page

Previous
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
Next