CSS pattern backgrounds

A collection of 100+ free css patterns
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.

Maker avatar image

👋

Hey, I'm Dilpreet, the maker of Super Designer. I'm building simple design tools to make designing fun for everyone

This is my passion project so, I create new design tools every few weeks, get updates about new tools & follow the jouney on twitter.
Get updated about new tools