DEV Community

Cover image for Blur Background CSS Generator
Vincent Will
Vincent Will

Posted on

Blur Background CSS Generator

I just released a tool to generate the CSS for a customized blur background. Afterward, you can easily copy the code and use it on your website.

Try it out here

I'd love to hear your feedback for improvements!

You can customize the gradient background color as well as the gradient color of the circles. You can set the position and the size of the circles as well.

As everything on wweb.dev this tool is under the MIT license. This means that you can use the generated backgrounds for commercial or private projects without attribution.
Here is a demo on how it looks like:

a demo of how the background generator works

Enjoyed this tool? Help me grow by sharing it with your friends and colleagues.

Cheers, Vincent from wweb.dev!

Top comments (3)

Collapse
 
jpomykala profile image
Jakub Pomykała

You remembered me how much I don't like standard tag 😄

Collapse
 
jacksonkasi profile image
Jackson Kasi

Wow! It was really useful. thanks, brother 🥰

Collapse
 
vincenius profile image
Vincent Will

Thanks, happy you like it :)