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

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.

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..

All experiments

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.