CSS Shadow Generator

Tune box shadows, glass and soft UI effects with a live preview.

How to use the CSS Shadow Generator

1Adjust offset, blur, spread and color, or start from a preset.
2Stack several layers for softer, more realistic depth.
3Copy the CSS or the Tailwind class into your project.

Color Palette Generator
Build harmonious color schemes with contrast checks and CSS export.
Gradient Generator
Design linear, radial, conic and mesh gradients and copy the CSS.
Favicon Generator
Turn text, emoji or an image into a complete favicon set.