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.
Dev-only add-to-cart lab. The fly-to-cart target prefers the main nav link [data-testid='nav-cart-link'] when present; the secondary button is a stand-in.
A diagonal light beam crosses the button after each click, keyed so repeated clicks replay the sweep. Gradient overlay + Framer position animation (keyframes work too).
Subtle chime on click via the Web Audio API (no file). Mute the tab or your OS to compare. You can drop in use-sound and a very small /public sound for a custom earcon.
Demo uses a short synthesized tone (no file). In production, pair a tiny .mp3 or .wav in /public with the use-sound hook or HTMLAudioElement for a hand-crafted earcon.
A tiny client-side pass time while comparing interactions. The board, pieces, and controls use the same brand CSS variables and Medusa UI treatment as the rest of the test page. Focus the playfield for keyboard: arrows, X or up to rotate, Space or Enter to hard drop. Restart is always available.
Click the board · arrows move / soft drop · ↑ or X = rotate · space = hard drop
Score
0
Lines
0
Level
1
Next
Aim with the mouse, click to fire: wall-bounce, staggered grid, 3+ match (BFS), ceiling-connected orphan drop (flood), dashed aim line. Physics use 16 microsteps per frame and a looser contact radius; every 5th shot a new top row is inserted and the field shifts down—bubbles in the bottom row at that moment end the run.
Bubble shooter: aim with the mouse, click to fire. Shots use small physics steps for reliable wall and bubble contact. Every 5shots the ceiling drops a new row — if any bubble sits on the bottom row when it tries to push, it’s game over. Match-3+ clears and orphan drops work as before. Dashed line matches the tuned trajectory.
Score
0
Next
Ceiling in
5 shots
