Freemium
ShaderGradient
Animated 3D gradients for web and Figma.
0
BackgroundsBack to resources
Overview
A free CSS Hero tool that builds mesh gradients entirely in CSS, using your own colors or randomly generated sets. Copy the code and drop it straight into a stylesheet, no image asset required. A lightweight way to add a colorful mesh backdrop that stays editable in code.
Why we like it
- Pure CSS, no image asset
- Random or custom colors
- Copy-paste into stylesheet