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 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.
Holocloth — holographic cloth for graphics
Drape images over simulated cloth, adjust holographic materials and export PNGs with an optional transparent background.
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.
Spherium — globe and vector map generator
A browser tool for styling world maps on a 3D globe, with point and grid controls plus SVG, HTML, GLB and OBJ export options.
Paperlab: interactive 3D paper for the web
A free browser editor and React library for 3D paper effects, including folds, unrolling, peeling, animated galleries and spatial scenes.
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.
Signal — Glitch Effects for Images
A free browser tool for turning images into glitch artwork with color-channel shifts, static, pixel sorting and short video loops.
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.
Pryzm — Background, Gradient & Texture Generator
An online tool for creating custom gradients, textures, abstract visuals and animated backgrounds.
AI Particle Simulator — 3D particle compositions
Casberry’s browser simulator for exploring particle formations, text, 3D shapes and custom motion logic.