Blur Background CSS Generator

Vincent Will - Oct 14 '22 - - Dev Community

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!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .