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.
Tools 17
Creatica
A free editor for abstract backgrounds and patterns, with adjustable colours, shapes and SVG or PNG export.
Khroma — personalized color combinations
A color-discovery tool that learns your preferences and presents combinations as typography, gradients, palettes, and images.
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.
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.
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.
Movulab – Animated Typography in Your Browser
A browser editor that turns text and SVG artwork into looping animations with chrome, halftone, glitch and other effects.
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.