DEV Community

Cover image for Websites For Creative Backgrounds
Vincent Will
Vincent Will

Posted on

Websites For Creative Backgrounds

Hey, I just realized I haven't posted my list of websites for creative backgrounds here on dev.to yet - so here it is:


SVG Backgrounds

SVG Backgrounds
A list of easy customizable SVG backgrounds.


Gradient Magic

Gradient Magic
A huge collection of SVG pattern backgrounds by Steve Schoger.


pattern.css

pattern.css
A cool css library for background patterns, which can be easily applied to all elements.


Trianglify

Trianglify
A generator for low poly triangle patterns.


Transparent Textures

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


Ambient Canvas Backgrounds

Ambient Canvas Backgrounds
A bunch of nice backgrounds using the HTML5 Canvas API.


Hero Patterns

Hero Patterns
Repeatable SVG background patterns by Steve Schoger.


css-doodle

css-doodle
A web component for drawing patterns with CSS.


particles.js

particles.js
A lightweight JavaScript library for a particles background.


Pattern Generator

Pattern Generator
A cool generator for unique, royalty-free, repeatable SVG patterns by John Bartlet.


The Pattern Library

The Pattern Library
A compiled list of beautiful patterns by different designers.


SVG Gradient Wave Generator

SVG Gradient Wave Generator
A generator for SVG wave patterns.


Subtle Patterns

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


THPACE!

THPACE!
A pretty space animation out of triangles using canvas.


Background Generator

Background Generator
A cool generator, which also has a small list of backgrounds created with it.


Naker

Naker
Create interactive backgrounds on this website.


Vanta.js

Vanta.js
Animated WebGL backgrounds with the possibility to customize.


Gradient Backgrounds

Gradient Backgrounds
A website, which combines the most popular gradient collections.


GeoPattern

GeoPattern
A generator for beautiful SVG patterns.


Decorative WebGL Backgrounds

Decorative WebGL Backgrounds
A collection of shapes created using WebGL.


CSS Waves

CSS Waves
A smoothly animated wave with pure CSS.


CSS Gradient Animator

CSS Gradient Animator
A site to create beautiful animated gradients for use on your website.


Flat Surface Shader

Flat Surface Shader
A configurable lightning simulation using canvas or SVG polygons.


Animated Background Headers

Animated Background Headers
Creative website header animations using Canvas and JavaScript.


Animated CSS Background Generator

Animated CSS Background Generator
A collection of pure css animated backgrounds with the possibility to customize.


Did I miss anything? Let me know in the comments :)

Discussion (14)

Collapse
grantralls profile image
Grant Ralls

You are a god-send. Thank you!

Collapse
yousufbasir profile image
gourab yousuf basir

Really nice collection.. Thanks for sharing

Collapse
rmreddy20 profile image
Raja

WOW nice! thanks for posting here.

Collapse
emmabostian profile image
Emma Bostian ✨

Thanks for sharing!

Collapse
warrenlee profile image
Warren Lee

Nice find, thanks for sharing!

Collapse
finnanton profile image
Finn

Nice Post man!

Collapse
ehsanakbarzadeht profile image
EhsanAkbarzadeh

Nice, thank you.

Collapse
ujalak1812 profile image
Ujala Khurram

Really helpful 😊

Collapse
kimyanna profile image
kimyanna

Great list, love all of these! Here is another animated header generator we just launched finisher.co/lab/header :)

Collapse
matteobruni profile image
Matteo Bruni

Why not tsParticles instead of particles.js?

Collapse
hamadler profile image
Hama Dler

Thanks for the post, Will check them out. :)

Collapse
nicolejeanette profile image
Nicole Tirado

Thanks for sharing this! Really great collection :)

Collapse
metashaker profile image
emilianopb92

Thanks for sharing this!

Collapse
joydeeep profile image
Joydeeep

Awesome list...Thanks for sharing:)