ShadeFold

Build layered CSS shadow stacks — one or more layers, each with offset, blur, spread, and color. Copy the declaration.

Layers

Build your stack

Each layer is a box-shadow segment. Add layers, tune each one, reorder by dragging up or down. A single layer is a standard shadow; multiple layers give depth, lift, and realism.

Shadow layers — 1
Quick presets
Preview

See it on a surface

card
Background
Card color
Border radius
px
Export

Copy the declaration

CSS declaration
DesignTerra Tools

More tools in the workspace

Each tool is a standalone HTML file. Open it, use it, close it.

ChromaBloom GlyphSmith TokenMeld