Ultimate Collection Of Websites For Creative Backgrounds

Spice up your website with a creative background. Use this collection of websites to generate backgrounds or to get inspiration. It includes various background generators, CSS patterns, CSS Gradients, and SVG patterns.

Ambient Canvas Backgrounds

Ambient Canvas Backgrounds→

A set of animated ambient canvas backgrounds with different effects.

tympanus.net

Animated Background Headers

Animated Background Headers→

Creative website header animations using Canvas and JavaScript.

tympanus.net

Animated Backgrounds

Animated Backgrounds→

A collection of 30+ animated backgrounds for websites and blogs.

animatedbackgrounds.me

Animated CSS Background Generator

Animated CSS Background Generator→

A collection of pure CSS animated backgrounds with the possibility to customize.

wweb.dev

Cool Backgrounds

Cool Backgrounds→

A beautifully curated selection of cool, customizable backgrounds.

coolbackgrounds.io

CSS Background Patterns

CSS Background Patterns→

A bunch of cool pure CSS background patterns.

magicpattern.design

CSS backgrounds

CSS backgrounds→

A nice collection of 100+ free CSS patterns.

superdesigner.co

CSS Gradient Animator

CSS Gradient Animator→

A website to generate an animated gradient background.

gradient-animator.com

CSS Gradient Editor

CSS Gradient Editor→

A tool for creating colorful CSS gradient backgrounds and patterns.

cssgradienteditor.com

CSS Pattern

CSS Pattern→

A nice collection of background patterns made with CSS gradients.

css-pattern.com

CSS Plasma Background Generator

CSS Plasma Background Generator→

A simple tool written in vanilla Javascript to generate a plasma background for your website.

github.io

CSS3 Patterns Gallery

CSS3 Patterns Gallery→

A gallery of CSS patterns, which are also editable right in the browser.

verou.me

Decorative WebGL Backgrounds

Decorative WebGL Backgrounds→

A collection of decorative animated background shapes powered by WebGL and TweenMax.

tympanus.net

Flat Surface Shader

Flat Surface Shader→

A simple, lightweight Flat Surface Shader for rendering lit triangles.

wagerfield.com

GeoPattern

GeoPattern→

A generator for beautiful SVG patterns.

github.io

Gradient Backgrounds

Gradient Backgrounds→

A website, which combines the most popular gradient collections.

cssgradient.io

Gradient Magic

Gradient Magic→

A huge collection of beautiful CSS gradients.

gradientmagic.com

Gradienty

Gradienty→

A tool to generate tailwind gradients for your backgrounds, texts & shadows.

gradienty.codes

haikei

haikei→

A web app to generate unique SVG shapes, backgrounds, and patterns.

haikei.app

Hero Patterns

Hero Patterns→

A cool collection of repeatable SVG pattern backgrounds by Steve Schoger.

heropatterns.com

midory

midory→

A cool library for animated image backgrounds.

github.io

Naker Back

Naker Back→

A website to create cool interactive backgrounds.

naker.io

particles.js

particles.js→

A lightweight JavaScript library for creating particles.

vincentgarreau.com

Pattern Generator

Pattern Generator→

A generator for seamless, unique, royalty-free patterns, which are exportable as SVG, JPEG, or PNG.

doodad.dev

Pattern Library

Pattern Library→

A compiled list of beautiful patterns by different designers.

thepatternlibrary.com

Pattern Monster

Pattern Monster→

An online pattern generator to create repeatable SVG patterns.

pattern.monster

pattern.css

pattern.css→

A CSS only library to fill your empty background with beautiful patterns.

bansal.io

pocoloco

pocoloco→

A generator for different dynamic backgrounds.

pocoloco.io

Subtle Patterns

Subtle Patterns→

A huge list of more than 500 subtle background patterns and textures.

toptal.com

SVG Backgrounds

SVG Backgrounds→

A collection of customizable SVG-based repeating patterns and backgrounds.

svgbackgrounds.com

SVG Gradient Wave Generator

SVG Gradient Wave Generator→

Generate SVG waves using gradients, randomness, and other parameters.

outpan.com

THPACE!

THPACE!→

A pretty space animation out of triangles using canvas.

braedin.com

Transparent Textures

Transparent Textures→

A large collection of CSS patterns, which can be filtered and colorized.

transparenttextures.com

Triangle Pattern Maker

Triangle Pattern Maker→

A cool generator for triangle patterns with light effects.

github.io

Trianglify.io

Trianglify.io→

Create colorful low poly triangle patterns that can be used as wallpapers and website assets.

trianglify.io

Vanta.js

Vanta.js→

A gallery of customizable animated 3D & WebGL backgrounds using three.js.

vantajs.com

Wave

Wave→

A generator for smooth gradient waves in multiple layers, that flowing slowly.

loading.io

Wicked Backgrounds

Wicked Backgrounds→

A generator to create beautiful SVG backgrounds for your UI designs.

wickedbackgrounds.com

Your Lucky CSS Pattern

Your Lucky CSS Pattern→

Get a nice random background from a collection of more than 100 CSS patterns.

css-pattern.com