The Ultimate Shadow
Generator for Developers.

Expand

Click to Editor

Emboss

Bottom Line

Base

Inner Shadow

Neumorphic

Bottom Float

Standard

Aesthetic

Demure

Jubilation

Shadow Controls

Shadow Colors

This shadow uses multiple colors. Click on a color to edit all instances.

Global Control Mode

Shadow Type

Outer Shadow

Inner Shadow

Horizontal Offset:

px

Vertical Offset:

px

Blur Radius:

px

Spread Radius:

px

Opacity:

%

Tailwind Class

CSS Value

box-shadow:

Emboss

Bottom Line

Base

Inner Shadow

Neumorphic

Bottom Float

Standard

Aesthetic

Demure

Jubilation

Sprightly

Vigorous

Euphonious

Crescendo

Mondegreen

Nimble

Stepped Shadow

Blue Offset

Blue Bottom

Blue Stepped

Next.js

Champagne

Blush

Rainbow

Neon Glow

3D Button

Layered Card

Realistic

Dual Tone

Neon Border

Floating Card

Inset Highlight

Soft Glow

Support

Cyberpunk

Spotlight

Retro Game

Gradient Glow

Sunset

Ocean Depths