Details, in balance.
A quiet edge and a considered shadow can give a useful shape to your content.
Shadow and border generator
Depth and edges, in good proportion.
- Free to use
- No account needed
- Files stay in your browser
Details, in balance.
A quiet edge and a considered shadow can give a useful shape to your content.
Details, in balance.
A quiet edge and a considered shadow can give a useful shape to your content.
From preview to your website.
- Start with a soft, lifted or crisp preset and choose a shadow color.
- Use Advanced to control offsets, blur, spread, layers, borders and preview surfaces.
- Download the shadow tokens and a standalone example, or copy the generated CSS.
Know what you’re exporting.
Shadows are decorative and do not replace a keyboard focus indicator. Preview surface colors are only exported when you enable that option. Layered shadows and inset mode use standard CSS box-shadow.
No registration or subscription is needed. Uploaded images, initials and generated content stay in this browser tab.