EmpireUI
Sign inGet Pro
Free · React + Tailwind · MIT

Claymorphism UI components

Claymorphism gives elements a soft, puffy 3D clay look using rounded corners, double drop shadows, and subtle inner highlights. Grab these free React and Tailwind components to build playful, tactile interfaces.

Browse components →Free generators

Claymorphism components

Monthly revenue
$48.2k
▲ 12.5%
PRO
$24/mo
  • ✓ Unlimited components
  • ✓ All 40 styles
  • ✓ Figma export
Welcome back

About claymorphism

Claymorphism gives elements a soft, puffy 3D clay look using rounded corners, double drop shadows, and subtle inner highlights. Grab these free React and Tailwind components to build playful, tactile interfaces. Puffy 3D clay volumes, candy pastels.

All Claymorphism blocks are free, MIT-licensed and copy-paste ready in React & Tailwind. Need raw CSS? Try the free generators, or browse every look in the full collection.

FAQ

What is claymorphism in UI design?

Claymorphism gives elements a soft, puffy 3D clay look using rounded corners, double drop shadows, and subtle inner highlights. Grab these free React and Tailwind components to build playful, tactile interfaces.

How do I create a claymorphism effect in CSS?

Claymorphism gives elements a soft, puffy 3D clay look using rounded corners, double drop shadows, and subtle inner highlights. Grab these free React and Tailwind components to build playful, tactile interfaces.

Explore other styles

MaximalismMotion MorphismRetro FuturismNeumorphismSkeuomorphismFlat DesignMaterial DesignAurora / Mesh