About this component

A living coral structure with tiny, waving polyps. Content is hosted within the coral's calcium skeleton, peeking out through pores. Hover feeds the polyps - they reach toward the cursor, and retract when the cursor leaves quickly. Clicking triggers a synchronized spawning event where tiny glowing particles drift upward. The coral slowly grows new branches as the user visits over days and weeks.

Difficulty

Expert

Style

Organic Morph

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/breathing-coral-card.