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