OzTools
CSS TOOLS

CSS Gradient Generator.

Generate beautiful linear or radial gradients with live preview.

background: linear-gradient(135deg, #6366f1, #c8f135);

Three simple steps

How to use CSS Gradient Generator

1

Pick colors

Choose start and end colors.

2

Adjust angle/type

Set linear or radial and tune direction.

3

Copy CSS

Paste the generated rule in your stylesheet.

Continue in / css

View the category
01CSS Box Shadow GeneratorCreate custom box-shadow values with visual preview and copy CSS.02CSS Border Radius GeneratorAdjust all corner radii and generate border-radius CSS quickly.03CSS Glassmorphism GeneratorBuild frosted-glass cards with blur and transparency controls.04CSS Loader GeneratorGenerate animated CSS loaders including spinner, dots, bars and pulse.05CSS Background Pattern GeneratorCreate reusable background patterns with CSS output.