Build layered box, text, and drop shadows with live previews, undo history, and CSS import or export.
Current release
Alpha 0.1What it can do
- Box, text and drop-shadow editing
- Layer order, colour, blur, spread and opacity
- Undo/redo, supported CSS import and copy
Current limits
CSS import accepts supported px and RGB/HEX syntax; arbitrary CSS expressions are not supported.
- Project
- Independent work
- My role
- Product design, Front-end, Tool development
Overview
Shape shadows visually instead of editing values in isolation.
What the tool does
Add, reorder, and adjust layers with controls for offset, blur, spread, opacity, color, and inset where supported.
From experiment to output
Inspect the live result, import an existing CSS shadow, or copy the generated CSS.
Behind the tool
Reusable foundations.
- Shadow modelExplore source
Design and development — pfxamd