Pattern.css

Pattern.css

CSS library to fill empty background with beautiful patterns

15 followers

CSS only library to fill your empty background with beautiful patterns. Features * Only CSS. No JavaScript! * < 1KB minified and gzipped! * Supports all modern browsers * Built Using SCSS. * Full color control.

Pattern.css gallery image
Pattern.css gallery image
Pattern.css gallery image
Pattern.css gallery image
Launch tags:
Design Tools•Open Source•Developer Tools
Launch Team

What do you think? …

Bansal
Hey Product Hunt! đŸ‘‹ I'm the maker of pattern.css I made this because I frequently used background patterns in web design. Earlier I used svg or image patterns in the background, but when I realized there should be an easy way to use these patterns, I made this css library. There  are many possible patterns that can be made with css but I used only the most common. Hope you enjoy this product and please let us know what you think.
Anna Filou
Thank you for making it and posting here! Huge time saver for anyone who'd like to use CSS patterns to decorate a website.

Do you use Pattern.css?

© 2025 Product Hunt