Title: Toybox — Microinteraction Arcade
Prompt: Pack nine tactile microinteractions into one arcade page — a jelly button, a light switch, a heart meter, a star rater, a pocket piano, a squish ball, a copy spell, a dice roller and a confetti party. Every press should earn joy points. Keep it chunky, neon and playful.
Design: A dark arcade grid of nine panels each with its own corner radius and accent edge, with chunky demo wells, a gold joy-point pill in the header and text-glyph symbols instead of emoji art.
Visual techniques:
- Wiggle, pop-in, float, squish and shake keyframes per toy
- Web Animations confetti burst from generated divs
- Traveling toggle knob and piano key press transforms
- Live-animated dice faces and glowing score pill
- Nine deliberately varied radii for anti-slop panel rhythm
Interaction model: Each toy is directly operable with points awarded per action, stars preview on hover and commit on click, piano keys synthesize triangle-wave tones, the ball charges on hold and pops on release, copy writes a magic link to the clipboard, and reset clears the score.