Wicked Backgrounds
Create, copy & export beautiful SVG background waves
Start new thread
Gabriel Perales

Wicked Backgrounds - Create, copy & export beautiful SVG background waves

by
Wicked Launchers
•
Wicked Backgrounds is a free web app for generating nice wave gradients that you can use for your designs.
I hope you can use it in your creative projects! 👨🏻‍🎨

Add a comment

Replies

Best
Deepak Yadav
Nice, I just created a monochrome background for my Mac. 🔥 I can't change color, pick a color seems not to be working on Safari or something. Please reconfirm it if problem is on my side. 😊
Gabriel Perales
Maker
@worklab in theory we are using the default color picker from the browser, so it should work :-(… I’ll check what is wrong with safari. Thanks for the feedback!
Deepak Yadav
However, this is such an interesting project. 🍻
Michael Andreuzza
Maker
@worklab what a great use case, I did for my phone! :-)
Clark \
@worklab @gperales same issue w/ Safari here. Worked in Chrome.
Deepak Yadav
Apple sometimes gives lot of headache to developers. ⚠️
Gabriel Perales
Maker
Hello Product Hackers! 👋 I started this project meanwhile I was helping out @michael_andreuzza with a template and I realised that one of the backgrounds we were using was on jpg and there were some compression issues that we could have avoided if we were using SVG. So I decided to learn a little bit about SVG and make that background with code 🙂. I enjoyed a lot making this project and I'm thinking about adding more modes and another kind of backgrounds, not just waves. Leave me a comment if you think we should add other modes or if you want to give us some feedback. I want to thank my mate Michael_Andreuzza for making the landing page, all the UI, open graph images, and everything that looks beautiful in the project 🤩. Follow us on Twitter https://twitter.com/Mike_Andreuzza and https://twitter.com/g_perales to be updated about all our Wicked® projects 😉 P.S.: To celebrate this launch, we are offering a discount for wicked templates. Use the code “wickedbackgrounds” with the bundle to check the discount!
Csaba Kissi
@michael_andreuzza @gperales Congrats guys! This looks good as well as its is useful small tool!
Gabriel Perales
Maker
@csaba_kissi thanks a lot Csaba!
Juan Sarmiento
@michael_andreuzza @gperales always creating great and amazing projects ! I totally loved the landing ;)
Roman Melnyk
Very useful thing, and thx for a good ui/ux. Already made a new background for my next post ;) Do you guys plan to make another textures?
Gabriel Perales
Maker
@melnyk_roman I'm thinking about that. I’ve seen that there is a library for making background images based on a mesh of triangles with gradients. I likely ended using it 😊
Roman Melnyk
@gperales it will be great! will be waiting, cause it's a very useful product for my daily routine
Linus Aarnio
This is a quick and easy way to generate a good looking background, fun to play around with. Nice!
Gabriel Perales
Maker
@linus_aarnio yeah, we still have to add more options, but yeah, that was the idea 😁
Karan Choudhary
Looks great, congrats! @gperales
Gabriel Perales
Maker
@karanchoudhary thank you 🙌
Ashley Porciuncula
Simple and effective, great product!
Gabriel Perales
Maker
@ashleymarinep thank you Ashley 🙌
Porush Puri
Wow! Looks great, looking forward to using it! Congrats on the launch!!
Gabriel Perales
Maker
@porush_puri thanks a lot. Hopefully we will add more modes soon :-)
Mike Jones
Never ceases to amaze me what Mike and Gabriel do. always finding cool stuff to help devs in the community !
Gabriel Perales
Maker
@skino2021 you see us with good eyes, Mike ;-)
Hieu
Nice works. The first image showing "figma.com" address, I thought it was a Figma plugin. Turn out I can try it on the site, and simple to use too :)
Gabriel Perales
Maker
@hieussr1 we are thinking about creating a Figma plugin. But it's a secret 🤫
Hieu
@gperales Oops 😆
Ayan S
The more you Randomise, The more Wicked it gets! Love it!
1234
Next
Last