CSS pattern backgrounds
A collection of 100+ free css patterns
Zigzag 1
Zigzag 2
Zigzag 3
Zigzag 4
Wave 1
Wave 2
Dot 1
Dot 2
Dot 3
Dot 4
Dot 5
Dot 6
Dot 7
Dot 8
Dot 9
Circle 1
Circle 2
Circle 3
Circle 4
Circle 5
Circle 6
Circle 7
Circle 8
Circle 9
Circle 10
Circle 11
Circle 12
Circle 13
Circle 14
Circle 15
Circle 16
Circle 17
Circle 18
Circle 18
Circle 19
Circle 20
Circle 21
Circle 22
Circle 23
Circle 24
Circle 25
Circle 26
Circle 27
Diagonal 1
Diagonal 2
Diagonal 3
Diagonal 4
Diagonal 5
Diagonal 6
Diagonal 7
Diagnoal 8
Triangle 1
Triangle 2
Triangle 3
Triangle 4
Triangle 5
Triangle 6
Triangle 7
Triangle 8
Triangle 9
Triangle 10
Triangle 11
Triangle 12
Triangle 13
Triangle 14
Triangle 15
Triangle 16
Line 1
Line 2
Line 3
Line 4
Line 5
Line 6
Line 7
Line 8
Line 9
Line 10
Line 11
Symbol 1
Symbol 2
Gradient 1
Gradient 2
Gradient 3
Stripe 1
Stripe 2
Stripe 3
Stripe 4
Stripe 5
Stripe 6
Cross 1
Cross 2
Cross 3
Cross 4
Diamond 1
Diamond 2
Diamond 3
Diamond 4
Diamond 5
Diamond 6
Diamond 7
Diamond 8
Diamond 9
Mixed 1
Mixed 2
Mixed 3
Mixed 4
Mixed 5
Mixed 6
Mixed 8
Mixed 9
Mixed 10
Mixed 11
Mixed 12
Mixed 13
Mixed 14
Mixed 15
Mixed 16
Selected background
Background
Color
Opacity
Size
Copy CSS
👉 Check out more design tools 👈
How to use these CSS backgrounds?
To use these CSS backgrounds simply copy the css code and paste it to any div or container in your app. You can customise the backgrounds by using the editor above or making changes to the css code
The CSS backgrounds are lightweight than an svg or an image.
Copied