Box Shadow & Glassmorphism Generator

Layered box shadows, neumorphism and frosted-glass cards, with live preview and CSS.

How to use

  1. Choose a style and drag the sliders.
  2. Copy the CSS for your card. Glass needs a colourful background behind it to look right.

FAQ

Why layered shadows?

Several soft shadows stacked together look more natural than one hard shadow.

Open Box Shadow & Glassmorphism Generator · All free tools