All Tools Favorites

Loading...

200+ free online tools. No watermarks, no limits, no registration. 100% free forever.

Quick Links

All Tools
Favorites
Privacy Policy

Feedback

© 2026 ManageSome. All rights reserved.

Made with ❤️ for the web. 100% free, forever.

Home/Tools/UI Tools/Box Shadow Generator

Box Shadow Generator

Create CSS box shadows visually

Shadow Layers

Offset X: 0px

Offset Y: 4px

Blur: 6px

Spread: -1px

Opacity: 10%

Shadow

Box

Inset

Presets

CSS Code

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);

Shadow Properties

Offset X/Y

Shadow position

Blur

Shadow softness

Spread

Shadow size expansion

Inset

Inner shadow

Features

Visual editor
Multiple shadows
Inset option
Copy CSS

About this tool

Create CSS box shadows with a visual editor. Multiple shadows, inset, blur, and spread.

boxshadowcssdropvisualeditor

Related Tools

gradient generator border radius generator