Free Tiny Tools
HomeToolsAbout
  1. Home
  2. Tools
  3. Design
  4. Box Shadow Generator

Box Shadow Generator

Create custom CSS box shadows visually. Adjust offsets, blur, spread, and color, then copy the CSS code instantly.

Preview
box-shadow: ;

Settings

10px
10px
5px
0px
50%

Colors

#000000
#3b82f6
#ffffff

Related Tools

View more Design Tools

Color Converter

Convert colors between HEX, RGB, HSL formats. Preview colors in real-time with an intuitive interface.

CSS Minifier & Beautifier

Format CSS with proper indentation or minify CSS to reduce file size. Beautify messy CSS code and optimize stylesheets for better performance.

CSS Gradient Generator

Create beautiful linear and radial gradients visually. Generate CSS code instantly for your projects.

Aspect Ratio Calculator

Calculate aspect ratios, find missing dimensions, and use common presets like 16:9 and 4:3. Perfect for designers and video editors.

Free Tiny Tools

Free tools for everyday tasks.

Text & Content

  • Text Counter
  • Lorem Ipsum
  • Markdown Preview

Design & Media

  • Color Converter
  • Image Resizer
  • QR Generator

Dev Utilities

  • JSON Formatter
  • UUID Generator
  • Regex Tester

Company

  • About Us
  • Contact Us
  • Privacy Policy
  • Terms of Service

© 2026 Free Tiny Tools