Icon burst

Native Apple-style app icons bursting outward in every direction on tap. Pure CSS and DOM, radial offset math, gravity, and timing control, built and refined in Cursor.

  • Interaction
  • Pure CSS
  • Physics
Icon burst interaction demo

What I wanted

A playful hero moment that feels physical, chips should launch, rotate, and fall off-screen rather than fade in place.

What I built

  • Randomised burst count and angle per tap with requestAnimationFrame physics.
  • Fixed-position chip layer so icons can escape the component bounds.
  • Main icon squash pop synced to the burst trigger.

Why it matters

Small interactions like this are perfect AI pair-programming exercises, fast to prototype, easy to tune constants, and immediately visible when something feels off.

Open demo

More case studies

Holographic Klarna card carouselExperiment

Holographic card carousel

Klarna card selector that feels like flipping through Pokémon trading cards, ghost-duplicate infinite scroll, pointer tilt, accelerometer-driven holo layers, and iOS haptic steps..

Daygrain app, mood tracking, year at a glance, and sleep insightsExperiment

Energy tracking for better daily decisions

Daygrain is my current product experiment: a personal energy and decision-making app built around daily logging, Apple Health signals, and honest self-awareness.

Have a product flow that feels harder to explain than it should?

Send me your product, MVP, deck, or prototype. I'll tell you where I'd start.