Introducing Patternify, a CSS Pattern Generator

I just released a little side project I’ve been working on, Patternify. It’s an app that lets you create simple pixel patternsĀ and export them either as PNG or as base64 code. The awesome part is that you can embed the base64 code straight in your CSS code! You don’t even need to use an image file anymore!

Obviously the main benefit is a much quicker workflow: instead of opening Photoshop, creating your pattern, exporting it, and then linking to it from your CSS file, you just create it, copy the code, and you’re done!

This can also be used for small icons (arrows, triangles, etc.) and since it supports colors and alpha transparency, you can create some pretty fancy graphics.

Have fun with it, and let me know if you find it useful!

About Me

I'm Sacha Greif, a web designer freelancing out of Paris, France. You can check out my portfolio, and of course you should follow me on Twitter.

7 Responses to “Introducing Patternify, a CSS Pattern Generator”

Leave a Reply

This field is required

This field is required