Backgrounds
We've compiled the very best background patterns and imagery for your web design including a load of awesome free options. Used well these backgrounds can bring any flat space to life and elevate your UI.
CSS Pattern Generator
Draw your pattern on the grid. You can use the cursors to limit the drawing surface and control the tiling. Once you're done, just download the PNG (make sure...
UI Gradients
uiGradients is a community contributed collection of beautiful multi-color gradients.
SVG Gradients
50 free SVG Mesh gradients easy to copy-paste
Envato Elements
One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.
Artvee
Browse and download high-resolution, public domain artworks.
Haikei SVG Pattern Generator
Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!
Ffflux
SVG generator for fluid blurred gradient backgrounds.
CSS Doodle
A web component for drawing patterns with CSS.
Tabbied
Doodle with generated patterns. Tabbied was initially developed as a tool for making wall art, but we quickly realized that it could be used for many other...
Basic Pattern Repository
Copy & paste SVG patterns.
Vanta.js
Animated website backgrounds in a few lines of code.
Visiwig SVG Texture Generator
Generate scalable vector graphic spots, scratches, splatters, grunge, and grit.
Gradienta
Interesting multicolor gradients and patterns in pure open-source CSS Code with JPG downloads!
Pattern Monster
A simple online pattern generator to create repeatable SVG patterns. Speed up your website without compromising on image quality. Perfect for website...
Doodad Pattern Generator
Use this tool to create unique, seamless, royalty-free patterns. Choose a base style, then customize with colors, filters, and transforms.
BGJar
Free svg background generator for your websites, blogs and app.
Pattern.css
CSS only library to fill your empty background with beautiful patterns.
CSS Background Patterns
Beautiful pure CSS background patterns that you can actually use in your projects!
Mesh Gradients
Mesh is a simple way to create beautiful, unique gradients using shaders.
Gradient Magic
A gallery of fantastic and unique CSS gradients.
Cool Backgrounds
What it says on the tin. Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites.
WebGradients
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
Vecteezy
Find & download free vector art! Created by the world's most talented design community. Fresh images added daily.
Subtle Patterns
Free textures for your next web project.
Hero Patterns
A collection of repeatable SVG background patterns for you to use on your web projects.
The Pattern Library
This ongoing project compiles patterns shared by the most talented designers out there for you to use freely in your designs.
SVG Backgrounds
SVG Backgrounds is a tool to create eye-catching backgrounds for websites and blogs.
Keep exploring! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.