Design Tool

Box shadows. Visually. Instantly.

Design box shadows with interactive sliders. See the result in real time. Copy the CSS. Supports inset shadows and custom colour. Every visual CSS tool you need.

Free. Unlimited. No signup.
Demo

Drag sliders. See shadow. Copy CSS.

All adjustments are live. No guesswork.

Offset X
10
Offset Y
10
Blur
20
Spread
0

CSS

The process

Three steps. Zero server.

01

Adjust the sliders

Offset X, Y, blur radius, spread radius — all interactive.

02

See it live

The preview box updates in real time as you drag.

03

Copy the CSS

Get the exact CSS. Ready to paste into your project.

Pricing

Pay for volume. Not commitment.

Start free. Upgrade when you need more. Cancel anytime. No credit card required.

Free

Starter

$0/month
For occasional use
  • Unlimited shadows
  • Sliders + live preview
  • Copy CSS
  • Inset toggle
Get started
Most popular

Pro

$5/month
For daily professional use
  • Multi-layer shadows
  • Tailwind config export
  • Shadow gallery
  • API access
Upgrade to Pro