Empty tiles
Shapes
Colors
Background
Size
Copy code

How to use these CSS patterns?

To use these patterns simply copy and paste the code in your html file. By default the width & height of the pattern is set to 500px x 500px. Simply change the height & width of the HTML element to fit your design.

The CSS patters are lightweight than an svg or an image. No loading, no external files

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 will create new design tools every few weeks, get updates about new tools & follow the jouney on twitter.
Get updated about new tools