Stack, reorder and fine-tune multiple box-shadow layers to build realistic elevation, neumorphism or layered cards, then copy combined CSS.
A single flat shadow rarely looks convincing. Combine a tight, dark contact shadow with a soft, wide ambient shadow, and the element reads as truly elevated. Load a preset, then add, remove or reorder layers to shape your own effect.
Add as many shadow layers as you need and remove any layer instantly.
Move layers up or down since the first layer always renders on top.
Get a single ready-to-use box-shadow declaration with every layer combined.
CSS box-shadow accepts a comma-separated list of shadows. Stacking several layers with different offsets, blur and opacity creates realistic depth.
Yes. The first layer in the list renders closest to the viewer and on top of later layers, so ordering affects the final look.
Load the Neumorphic preset, which pairs a light shadow on one side with a dark shadow on the opposite side using the same background color.
Yes. Toggle inset on any individual layer, and it will combine correctly with outer shadows in the generated CSS.
Yes. It runs entirely in your browser, requires no account, and never uploads any data.