About this component

A physics-inspired card simulating a particle bubble chamber. The background is filled with slowly rising iridescent bubbles each containing a piece of data. Hovering near bubbles attracts them to the cursor like a magnet. Clicking pops a bubble expanding its content into a full view. Popped bubbles leave behind a faint shimmering residue that records interaction history.

Difficulty

Expert

Style

Scientific / Particle Physics

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/bubble-chamber-card.