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:

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

Cheers, Vincent from wweb.dev!

Comments

[Jackson Kasi]

Wow! It was really useful. thanks, brother 🥰

[Vincent Will]

Thanks, happy you like it :)

[Jakub Pomykała]

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