ShaderGradient
Animated and mesh gradient generator.
FreemiumGeneratorFree for commercial useWeb
ShaderGradient builds animated, mesh-style gradients that render live in the browser rather than exporting a static image. You can copy the generated CSS, React component or animated PNG, and tune the noise, speed and colour stops directly. It is a solid way to produce a hero background that does not cost you an image request.
License: Free for commercial use · added · last reviewed
More in Color palettes
Free
pick
Colour Contrast
Accessible contrast checker for WCAG 2.2 compliance.
Free to useaccessibilitywcag
Free
pick
UI Colors
Tailwind CSS colour palette with contrast data.
Free to usetailwindcss
Free
Color Hunt
Curated four-colour palette collections.
Free to usepaletteinspiration
Freemium
MagicPattern
Generators for backgrounds, grids, shapes and avatars.
Free for commercial usebackgroundsvg