A premium gradient collection of 1,100+ smooth, textured, 3D and animated backgrounds, with a shader tool, Figma and Framer plugins, and free downloads.
GradientsAnimationAI+3
gradientora.com
Grainient
grainient.supply
1,000+ gradients spanning grainy textures, smooth blends and abstract animated sets, plus AI-generated backgrounds and a built-in shader tool.
What is Grainient?
Grainient combines noisy, grainy gradients, smooth blend sets, abstract animated backgrounds and AI-generated imagery for interfaces meant to engage and convert. The library is organized by style, with hundreds of options in the grainy and smooth-blend categories alone, and a shader tool supports custom motion. Pro access unlocks unlimited downloads across the collection.
Best for
- Grainy and noisy gradient textures
- Animated gradient backgrounds for hero sections
- AI-generated backgrounds for modern interfaces
Key features
- 1,000+ gradients across grainy and smooth styles
- Abstract animated gradient sets
- AI-generated backgrounds
- Built-in shader tool
Related resources
gradientora.com
A free gradient generator blending mesh, grainy and animated gradients from traditional Japanese colours, exportable as SVG, PNG or MP4.
FreeSVGAnimation+1
feralui.dev
Motion-first animated icons you copy straight into your app, with one-command shadcn CLI installs and open-source code on GitHub.
AnimationSVGOpen Source+2
itshover.com
Visitopens in a new tab