designgradients.com
Linear gradients curated by talented artists, ready to drop into any project.
Gradient, Mesh and Texture Generators
Generators and libraries for gradients, mesh backgrounds, grain, blobs and SVG patterns. Useful for hero sections, cards and slides that need depth without a photo.
haikei.app
Generates SVG blobs, waves, layered peaks, blurry gradients and other backgrounds. Randomize, tweak, export as SVG or PNG.
shaders.paper.design
Zero-dependency WebGL shaders (mesh gradients, grain, dithering, halftone, liquid metal) shipped as React components.
meshgradient.com
Drag points on a WebGL canvas to warp colors into organic mesh gradients, then export. Quick hero and card backgrounds.
cssgradient.io
Linear and radial gradient generator with copy-ready CSS, plus a library of curated gradient swatches.
More in Design Resources
Weekly newsletter · Every Tuesday
New references, every Tuesday.
The newest additions to the library, three LDS picks worth revisiting and a category spotlight, in one short email.
Browse past issues