AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Adam MocarskiTools

shadowLab

Adam Mocarski's shadowLab is a focused editor for layered box shadows. Add or tune each layer with X/Y offset, blur, spread, opacity, and color, switch presets and backgrounds to see depth in context, and copy the CSS when the stack feels right. A clean reference for elevation, cards, and subtle UI depth without guessing in DevTools.

What's interesting

  • Multi-layer box-shadow builder: stack shadows with offset, blur, spread, and opacity, preview on a background, then copy production-ready CSS.
  • Adam Mocarski's shadowLab is a focused editor for layered box shadows.
  • Add or tune each layer with X/Y offset, blur, spread, opacity, and color, switch presets and backgrounds to see depth in context, and copy the CSS when the stack feels right.

Prompt your agent

From AI UX Playground: https://aiuxplayground.com/inspirations/shadowlab-mocarski
shadowLab by Adam Mocarski

Adam Mocarski's shadowLab is a focused editor for layered box shadows. Add or tune each layer with X/Y offset, blur, spread, opacity, and color, switch presets and backgrounds to see depth in context, and copy the CSS when the stack feels right. A clean reference for elevation, cards, and subtle UI depth without guessing in DevTools.

Adapt for our [screen name]. Stack: [your stack].
Note what to cut or simplify for production.

Tags

CSSToolsDesignUIShadows