![Screenshot of SVG Backgrounds website](https://toolkit.addy.codes/wp-content/uploads/screenshots/svg-backgrounds.png)
SVG Backgrounds
SVG Backgrounds is a tool to create eye-catching backgrounds for websites and blogs.
More from Backgrounds
View all Backgrounds![Screenshot of Flat Surface Shader website](https://toolkit.addy.codes/wp-content/uploads/screenshots/flat-surface-shader.png)
Flat Surface Shader
This lighting simulation can be configured to use either the 2D context of a canvas element or an array of SVG polygons to draw the triangles. It also utilises native Float32Arrays to store numerical data for highly optimised calculations.
![Screenshot of Animated Backgrounds website](https://toolkit.addy.codes/wp-content/uploads/screenshots/animated-backgrounds.png)
Animated Backgrounds
Are you tired of boring, static backgrounds on your website or presentation? Our animated backgrounds will bring your content to life and make it stand out from the crowd. With a wide range of styles and colors to choose from, you'll find the perfect background to match your brand and message.
![Screenshot of Ambient Canvas Backgrounds website](https://toolkit.addy.codes/wp-content/uploads/screenshots/ambient-canvas-backgrounds.png)
Ambient Canvas Backgrounds
Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.
![Screenshot of Envato Elements website](https://toolkit.addy.codes/wp-content/uploads/screenshots/envato-elements.png)
Envato Elements
One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.
![Screenshot of fffuel website](https://toolkit.addy.codes/wp-content/uploads/screenshots/fffuel.png)
fffuel
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
![Screenshot of CSS Pattern Generator website](https://toolkit.addy.codes/wp-content/uploads/screenshots/css-pattern-generator.png)
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 to rename it and add the ".png" extension at the end) or copy the code to your CSS. And you can also get a unique URL to share with other pattern aficionados.
![Screenshot of UI Gradients website](https://toolkit.addy.codes/wp-content/uploads/screenshots/ui-gradients.png)
UI Gradients
uiGradients is a community contributed collection of beautiful multi-color gradients.
![Screenshot of SVG Gradients website](https://toolkit.addy.codes/wp-content/uploads/screenshots/svg-gradients.png)
SVG Gradients
50 free SVG Mesh gradients easy to copy-paste
![Screenshot of Artvee website](https://toolkit.addy.codes/wp-content/uploads/screenshots/artvee.png)
Artvee
Browse and download high-resolution, public domain artworks.
![Screenshot of Haikei SVG Pattern Generator website](https://toolkit.addy.codes/wp-content/uploads/screenshots/haikei-svg-pattern-generator.png)
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!
![Screenshot of Ffflux website](https://toolkit.addy.codes/wp-content/uploads/screenshots/ffflux.png)
Ffflux
SVG generator for fluid blurred gradient backgrounds.
![Screenshot of CSS Doodle website](https://toolkit.addy.codes/wp-content/uploads/screenshots/css-doodle.png)
CSS Doodle
A web component for drawing patterns with CSS.
But wait, there's more! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.