GRADIENTOOL — structured gradients with depth and grain
Build structured gradient compositions, refine their geometry, colour and texture, and export the result.
Resources
Discover useful things. Build your library. Share your finds.
All resources 15
zoxilsi studio — mesh gradients and animated backgrounds
A mesh-gradient editor with Bézier controls, presets, effects and exports for images, video and code.
Gradient Lab by Backgrounds Supply — gradient background generator
A free browser-based gradient background editor with shader modes, palette controls, and image and video export.
GradLab — gradient generator with PNG, MP4 and HTML export
A free browser-based gradient generator with 13 algorithms, palettes of up to eight colors, grain, halftone and character-based effects.
FeralUI Gradient Builder — gradient generator
A free gradient editor with traditional Japanese colour palettes, shape and grain controls, and export options for images, video and code.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
ShaderGradient — Animated 3D Gradients for Web, Figma & React
A free open-source tool for creating animated 3D gradients with a visual editor, Figma and Framer integrations, plus ready-to-use React and Vue packages.
Gradihunt — Automated CSS Gradient Generator
A free gradient generator with millions of automatically generated combinations, filters and ready-to-copy CSS.
Gradient Hunt — Thousands of Free Color Gradients
A curated collection of thousands of trendy gradients with CSS code, Linear, Radial, Popular and Random sections, plus tools for creating and saving your own.
Colorsinspo — Color Palettes, Gradients & Design Tools
A free platform with thousands of curated color palettes, generators, gradients, contrast tools, tutorials and other resources for designers.
fffuel — Free SVG Generators & Design Tools
A collection of 60+ free browser-based tools for creating SVG backgrounds, gradients, patterns, textures, shapes and color palettes.
MagicPattern Mesh Gradients — Online Mesh Gradient Generator
An online generator for creating custom mesh and fluid gradients with your own colors, noise effects and SVG, PNG or JPG export.
Grainient — Gradients, Backgrounds & Shader Tool for Web Design
A collection of grainy, smooth and animated gradients, AI backgrounds and a real-time shader tool for modern web visuals.
HueGrid — Gradient, Pattern & Visual Effect Generator
An online tool for creating gradients, patterns, 3D visuals and animated effects with export to PNG, SVG and code.
Pryzm — Background, Gradient & Texture Generator
An online tool for creating custom gradients, textures, abstract visuals and animated backgrounds.