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.
Resources
Discover useful things. Build your library. Share your finds.
All resources 13
Gradihunt — Automated CSS Gradient Generator
A free gradient generator with millions of automatically generated combinations, filters and ready-to-copy CSS.
Noise & Texture — Figma Noise, Texture & Pattern Generator
A free Figma plugin for generating seamless noise, textures, patterns, gradients and procedural effects with live previews.
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.
fffuel — Free SVG Generators & Design Tools
A collection of 60+ free browser-based tools for creating SVG backgrounds, gradients, patterns, textures, shapes and color palettes.
Cool Shapes — 100+ Abstract Gradient Shapes for Figma
A free open-source collection of 100+ abstract SVG shapes with grainy gradients for Figma, UI, illustration and web projects.
Resource Boy — 35,000+ Free Design Resources
A large library of free mockups, fonts, textures, gradients, patterns, brushes, photos and other assets for designers.
Tooooools — Free Online Image & Video Effects
A free browser-based collection of image and video effects including dithering, halftone, ASCII, CRT, gradients, distortion, patterns and more.
MagicPattern Mesh Gradients — Online Mesh Gradient Generator
An online generator for creating custom mesh and fluid gradients with your own colors, noise effects and SVG, PNG or JPG export.
Grainient — Gradients, Backgrounds & Shader Tool for Web Design
A collection of grainy, smooth and animated gradients, AI backgrounds and a real-time shader tool for modern web visuals.
HueGrid — Gradient, Pattern & Visual Effect Generator
An online tool for creating gradients, patterns, 3D visuals and animated effects with export to PNG, SVG and code.
Pryzm — Background, Gradient & Texture Generator
An online tool for creating custom gradients, textures, abstract visuals and animated backgrounds.