Wicked Backgrounds

Create, copy & export beautiful SVG background waves

14 followers

Create, copy & export beautiful SVG background waves

14 followers

Visit website

Design & Creative

•

Background removal tools

•

Design resources

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! 👨🏻‍🎨

Free

Launch tags:Design Tools•Developer Tools

Launch Team

Wispr Flow: Dictation That Works EverywhereStop typing. Start speaking. 4x faster.

Promoted

Launch OS

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. 😊

Report

5yr ago

Wicked Templates

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!

Report

5yr ago

Launch OS

However, this is such an interesting project. 🍻

Report

5yr ago

Lexington Themes

Maker

@worklab what a great use case, I did for my phone! :-)

Report

5yr ago

$Clark \$

@worklab @gperales same issue w/ Safari here. Worked in Chrome.

Report

5yr ago

Launch OS

Apple sometimes gives lot of headache to developers. ⚠️

Report

5yr ago

Wicked Templates

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!

Report

5yr ago

@michael_andreuzza @gperales Congrats guys! This looks good as well as its is useful small tool!

Report

5yr ago

Wicked Templates

Maker

@csaba_kissi thanks a lot Csaba!

Report

5yr ago

ByPeople

@michael_andreuzza @gperales always creating great and amazing projects ! I totally loved the landing ;)

Report

5yr ago

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?

Report

5yr ago

Wicked Templates

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 😊

Report

5yr ago

@gperales it will be great! will be waiting, cause it's a very useful product for my daily routine

Report

5yr ago

Love it! But would love picking 2 colors, so I have more control of the gradient :) I guess you're already interpolating towards white and black. So shouldn't be hard? Thx :)

Report

5yr ago