Submit a tool

Design / CSS

Generate gradients, shadows and CSS you can copy.

CSS Gradient Generator Build linear and radial gradients, copy the CSS. New
Box-Shadow Generator Dial in a shadow and copy the box-shadow rule. New
Border-Radius Generator Round each corner and grab the CSS. New
Glassmorphism Generator Frosted-glass cards with backdrop-filter. New
Color Contrast Checker WCAG AA/AAA ratio for any two colors. New
SVG Wave Generator Layered wave dividers as ready SVG. New
Favicon Generator Turn an image or emoji into favicon files. New
Cubic-Bezier Generator Edit an easing curve and copy the timing. New

Why use these design / css?

Every tool in this collection runs entirely in your browser. That means there's nothing to install and nothing to sign up for, and crucially, the files and text you work with never leave your device — no uploads, no accounts, no tracking. Just open a tool and get the job done.

Browse the full set of ToolNest tools, or jump straight to the one you need above.