Backgrounds Supply
Curated collection of ultra-high-resolution (6K) AI-generated backgrounds primarily created using Midjourney. Can be used for hero section or banners
Color tools, Gradients
Web gradients, backgrounds
How to generate colorful backgrounds and patterns for web page? Web gradients are a powerful design tool, creating visual depth and interest by blending multiple colors across website backgrounds. They help in crafting engaging, dynamic user interfaces. A list of tools to create stunning gradients and CSS patterns for website
Resources in this category
UI Colors
Tailwind color generator. A color-system generator and preview tool that lets you build palettes, test combinations and export for design systems or code.
Supa Palette
Color palette generator for Figma. Offers Figma plugin. Generate and export color palettes. Supports Tailwind, Material, and other style formats.
Photo Gradient
Online tool to generate smooth mesh gradients or convert photos into vibrant gradient backgrounds for UI and web use.
Storytale
Part of Storytale’s illustration library, find graphics, artwork, backgrounds and design assets. You can filter by style, pack, and download vector & 3D assets as part of their subscription model.
Tailcolors
A tool for creating & visualizing color palettes and gradients in the context of UI examples. Copy any Tailwind color with our beautiful Tailwind 4 color palette. Click to copy any HEX, OKLCH color class.
Gradients Hub
Free gradient backgrounds, AI-generated textures, and mesh patterns for commercial use. A tool-rich site offering CSS & Tailwind gradient generators, a library of 600+ curated gradient palettes, abstract gradient assets for design projects
Kigen Colors
An interactive color palette generator tied to the Kigen design system plugin: lets you produce full 11-shade color systems from a base color and export to Tailwind, CSS, Figma, etc.
Sprrrint - Gradients
A library offering a wide range of free and premium gradients tailored for UI/website use; many accessible for Figma/Framer projects. Find gradient assets and UI kits.
LumenLoops
A collection of premium animated hero illustrations and accent graphics (SVG, video formats) designed to elevate landing pages.
ShaderGradient
Make your designs come alive: a tool for creating moving, animated gradients usable in Figma, Framer, and React. Supports customization of colors, shapes, noise, and lighting effects for dynamic visual backgrounds.
Gradients FM
Offers 300+ high-quality gradient & abstract backgrounds, available in formats like 4K, WebP, and ideal for UI projects, social media, etc.
Items design
AI design assets for creators. Download high quality backgrounds, metallic shapes, abstract images,glass effect images. Access AI prompts.
Background Supply
AI-generated backgrounds for your next design project. Browse our collection of breath-taking AI generated backgrounds, download in glorious 6K and access the Midjourney prompts used to create them.
MagicPattern Tools
A toolbox with 20+ easy-to-use online generators for designers & developers: generate gradients, patterns (mesh, geometric, seamless), blobs, waves, noise, social media visuals, image effects, etc.
UIColors.app
Tailwind CSS color generator: create & edit color palettes, generate shades from a base color, preview color combinations. Export your palettes; supports live examples so you can see how colors look in context.
Rayst Gradients
A set of 64 beautiful gradients generated by AI, aurora colors, free to download for commercial & non-commercial use. No signup required; great resource for designers looking for ready-made backgrounds or design elements.
Superdesigner.co
A collection of free 3 to create unique backgrounds, patterns, shapes, images and more with just a few clicks. You can customize colors, generate gradients/blobs/3D shapes, export designs in PNG/JPEG/SVG
fffuel
A collection of free SVG-generators and color / pattern tools: gradients, textures, shape blobs, background patterns etc. Everything is web-based and customizable so designers can generate graphics/patterns and export them for use in web or design apps.
Mesh Gradient Generator
LearnUI — Mesh Gradient Generator. An online tool for generating mesh gradients (with noise/blur effects) that you can export as SVG or directly into Figma.