About this component

A soft, matte clay block with rounded inflated edges that responds to touch. Hover presses into the clay leaving a temporary indentation that slowly rebounds. Clicking pinches the card, squeezing it into a different shape to reveal a new view. The surface features subtle fingerprints and tool marks for authenticity, with color bleeding at pressure points like oil pastels.

Difficulty

Intermediate

Style

Claymorphism

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/squeezable-clay-card.