Claymorphism CSS Box-Shadow Examples

Soft, puffy, clay-like 3D shadows for modern playful designs.
Click any box to copy the CSS to your clipboard.

Related Tools

Create your own custom shadow designs with these generators:

CSS Box Shadow Generator

Generate custom box shadows

Tailwind Box Shadow Generator

Generate Tailwind shadow classes

← See all box shadow styles

Explore Other Styles

Browse shadow examples in different design styles:

Stripe

Professional payment UI

Material Design

Google's design language

Neumorphism

Soft UI with subtle shadows

Neubrutalism

Bold borders and stark contrast

Tailwind

Tailwind CSS default styles

Extract any box shadow style in 2 clicks

Click any element on any website to get its box shadow styles instantly. Frontend Hero gives you 10+ essential developer tools in one browser extension.

Get Frontend Hero now →