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 6
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.
Colour Contrast Checker: Check Text and Background Contrast
A free tool for checking text and background contrast, with WCAG AA and AAA indicators, HEX, RGB and HSL controls, and typography previews.
Pattern Monster — Seamless SVG Pattern Generator
A free library of 320+ seamless patterns with customizable colors, stroke width and angle, plus CSS/SVG copy and SVG or PNG export.
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.
WhoCanUse: color contrast and vision simulations
A free browser tool for checking text and background contrast, with WCAG grades and previews of different vision conditions and screen-viewing situations.