FluidShader – animated WebGL gradient editor
A free browser tool for animated gradients and dither patterns, with adjustable colors, motion and copyable code.
Resources
Discover useful things. Build your library. Share your finds.
All resources 17
Creatica
A free editor for abstract backgrounds and patterns, with adjustable colours, shapes and SVG or PNG export.
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.
generative.graphics — geometric pattern generator
Create moving geometric compositions with grid, noise, shape and color controls, plus PNG and WebM export.
Sinwaver — sine wave SVG generator
A focused browser tool for sine-wave lines with amplitude, wavelength, phase and stroke controls, plus SVG export.
Tabbied Patterns — customizable pattern generator
A generative pattern library with colour palettes, layout controls and free PNG or SVG export.
ColorFlow — mesh gradient editor
A mesh gradient editor with control points, effects, presets and image or video export options.
Book of Shapes — generative SVG patterns
A collection of geometric and organic patterns with adjustable parameters, SVG downloads and copying for Figma.
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.
Merucav — shader composition editor
A free browser editor for gradients and shader effects, with shapes, text, icons and JSON configuration import and export.
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.
Light Rails — Generative Pattern Studio
A browser-based studio for geometric patterns, glowing lines, gradients and motion. Explore shapes and timing, preview compositions in mockups, and prepare visuals for your next design.
Loom – Mosaic Patterns & Animated Weaves
A browser tool for creating colourful mosaics, pixelated photos and fine-line gradient compositions, with motion controls and image, SVG and video export options.
Sfumato – Generative Patterns & Gradients
A browser-based studio for creating layered abstract backgrounds with patterns, gradients, textures, lighting and animation.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
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.