▦

CSS Box Shadow Generator

Create CSS box shadows visually with live preview. Adjust offset, blur, spread, color and opacity. Multiple shadows support. Free box shadow maker.

Live·100% in your browser — no upload
Preview

Presets


    

  


  

  




    
Free CSS Box Shadow Generator

    
Create CSS box shadows visually with real-time preview. Control offset, blur, spread, color and opacity. Includes popular shadow presets from Material Design and Tailwind CSS.

  


Related tools
◐
CSS Border Radius Generator
Live
Create CSS border-radius shapes visually. Control each corner independently. Generate circles, pills, blobs and custom shapes. Free border radius tool.
css
👁️
Color Blindness Simulator
Live
See how colors look to people with color blindness. Simulate Protanopia, Deuteranopia, Tritanopia and more.
css
🎨
Color Converter
Live
Convert colors between HEX, RGB, HSL and HSV formats. Color picker with live preview. Free online color converter tool.
css
🎨
Color Palette Generator
Live
Generate beautiful color palettes. Complementary, analogous, triadic, split-complementary schemes. Export as CSS variables, Tailwind or SCSS.
css