About this component

A living surface covered in color-changing cells like an octopus skin. Patterns ripple across the surface in response to content changes. Hover triggers a localized bloom of color and texture. Clicking startles the card, causing a rapid, full-surface flash of a complex camouflage pattern. The card subtly mimics the color palette of adjacent elements on the page.

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/chromatophore-skin-card.