Design & Assets
Box Shadow Generator
Generate CSS box-shadow values with custom offsets and blur.
Input
Box Shadow Generator
box shadowcssdesigngenerator
Output
Box shadow CSS
box-shadow: 0px 12px 30px -8px rgba(17, 17, 17, 0.18);
Shadow preview
Preview
Related tools
Color Converter
Convert between HEX, RGB, and HSL color formats.
CSS Gradient Generator
Generate a linear gradient and copy the CSS instantly.
Favicon Generator
Create a simple SVG favicon from initials and brand colors.
SVG Optimizer
Strip comments and collapse whitespace in SVG markup.
CSS Minifier
Minify CSS by removing comments and extra whitespace.
CSS Formatter
Pretty-print CSS with readable indentation.