WebUtility
Universal Toolkit
WidgetsCalculatorsConvertersGenerators
Sign In
HomeToolsDesignBox Shadow Generator
Back to Design

Related Tools

Color Palette Generator

Generate harmonious color palettes from a seed color with multiple modes

CSS Cubic Bezier

Visual cubic-bezier curve generator for CSS animations

CSS Grid Generator

Visual CSS Grid layout generator with live preview and code export

WebUtility

Your go-to destination for 1000+ free online tools. Built for developers, designers, and everyone in between.

Tools

  • Converters
  • Calculators
  • Generators
  • Text Tools
  • Encoders

Resources

  • All Tools
  • About Us
  • Contact
  • Contribute
  • API Docs

Legal

  • Privacy Policy
  • Terms of Service
  • Cookie Policy

© 2026 WebUtility. Made withfor the web.

🚀 v1.0.01000+ Tools • 100% Free • No Signup Required

Box Shadow Generator

Create custom CSS box shadows visually

Presets:
Shadow 1
Shadow 2
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
Preview Box