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.
Colors 11
zoxilsi studio — mesh gradients and animated backgrounds
A mesh-gradient editor with Bézier controls, presets, effects and exports for images, video and code.
INKDRUM: risograph print simulator
A browser tool for risograph effects with ink layers, halftones, paper textures and colour-separation exports.
ColorFlow — mesh gradient editor
A mesh gradient editor with control points, effects, presets and image or video export options.
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.
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.
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.
Noise & Texture — Figma Noise, Texture & Pattern Generator
A free Figma plugin for generating seamless noise, textures, patterns, gradients and procedural effects with live previews.
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.