CSS Box-Shadow Generator

The key to a good box-shadow is opacity and layers

I built this to be a better box-shadow generator. One that allows you to visualize how you'll use the shadow in your UI. This is why there are lots of settings and presets to help you.

This CSS generator allows you to specify multiple shadows and customize your viewing options. Customize the page background, the preview card colors, and view a grid of cards or a variety of 3 sizes.

This project is open-source. Please submit issues through GitHub.

Preview your box shadow

Shadow Builder