Gradients Maker

Create gradients faster with joystick-like color pickers

1 follower

Gradients Maker solves the most painful problem when designing gradients: finding colors that blend well together. The app lets you use your fingers to pan across two color pickers simultaneously and refreshes your gradient in real time.
Gradients Maker gallery image
Gradients Maker gallery image
Gradients Maker gallery image
Gradients Maker gallery image
Gradients Maker gallery image
Gradients Maker gallery image
Launch tags:iOSโ€ขDesign Toolsโ€ขProductivity
Launch Team
Unblocked AI Code Review
Unblocked AI Code Review
High-signal comments based on your team's context
Promoted

What do you think? โ€ฆ

Edouard Barbier ๐Ÿ“ฒ
Hey Product Hunters! ๐Ÿ‘‹ Iโ€™m Ed, a self-taught iOS developer from Belgium ๐Ÿ‡ง๐Ÿ‡ช, currently based in Barcelona, Spain. ๐Ÿ‡ช๐Ÿ‡ธ Last summer, I left my job at Google to go indie and focus on my iOS apps full time. Today, Iโ€™m excited to introduce you to Gradients Maker. ๐Ÿคฏ **Problem**ย  As indie developers, we are obviously developers but also designersโ€ฆ and marketers and user support agents andโ€ฆ You get the point, right? ๐Ÿค ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Iโ€™ve always enjoyed designing but there has always been an area where I struggled: picking colors for gradients. Finding color pairs for gradients using tools like Sketch is very hard. You pick the first color, then move to the other color selector and pick another, but they never really match. Basically: an endless back and forth which gives nothing but headaches. ๐Ÿคฏ๐Ÿ˜ค ๐Ÿ’ก **Idea**ย  The real problem with these tools is that I couldnโ€™t iterate on both colors simultaneously and fast enough. So the idea was simple, I could build an app that showed two color pickers and a gradient preview on the same screen. With one finger on each color picker, I would pan around like with joysticks and my gradient would update in real-time. Simple. ๐Ÿคฉ๐Ÿฅณ As I'd drag each finger, it would continuously update one of the selected colors which in turn would refresh the gradient. This way I could easily try thousands of combination until Iโ€™d find a gradient that looked nice. Awesome. ๐Ÿ˜Ž ๐Ÿ›  **Solution** So I started building it and shared my progress on Instagram. Others developers sent me suggestions which led to a second core feature: extracting colors from pictures to create gradients. I've also built a way to export/share the gradients you created and even use them as background for your Instagram Stories. ๐Ÿ˜€๐Ÿฅณ A couple of weeks ago, I noticed that more than a thousand gradients had been created on the app. So I decided to bring these gradients to the web and I roughly cobbled together my **very first** web app. There will be bugs and glitches, be indulgent. ๐Ÿ‘Œ๐Ÿ˜ ๐Ÿ˜‡ **Is it free?** The iOS app is free and both core features are free as well. The premium plan will allow you to unlock advanced options and remove ads/watermarks. The web app is entirely free because I have no idea how to gate features on the web. ๐Ÿคฃ๐Ÿ’๐Ÿผโ€โ™‚๏ธ ๐Ÿค“ **Whatโ€™s next?** I'm hoping to get some feedback from you guys with this launch to see if I should double down my efforts or move onto the next idea. What do you think? ๐Ÿ˜€๐Ÿ˜‡ Thanks for reading me and have a great day. ๐Ÿ‘‹๐Ÿค™ Edouard
Merrill Reisemberg
Simple, efficient and with a great UI ๐Ÿ™Œ๐Ÿผ Been using it for a while, definitely the best gradient making app out there!! ๐Ÿ’ช๐Ÿผ
Edouard Barbier ๐Ÿ“ฒ
@merrillhefdy Thank you Merrill! Really appreciate the support ;)
Kevin Quisquater

The tools solves an issue that may sound trivial but is a huge loss of time for anyone that needs to create beautiful gradients: not being able to change both colors at the same time. With this tool, I can use both thumbs to change both colors at the same time and preview them in real-time. Much much faster than any desktop design tool (I use Sketch). Thanks you Edouard!

Pros:

- Solves a trivial but real issue for anyone creating gradients - Ability to save gradients - Inspiration from community gallery

Cons:

- More of a feature request than a con: would love a favorite/do not like buttons on the web gallery. Thanks!

Edouard Barbier ๐Ÿ“ฒ
Thanks Kevin! Glad you like the tool. Feature request added to my backlog ;)
Teix
Nice tool with really easy UI ๐Ÿ‘
Edouard Barbier ๐Ÿ“ฒ
@teix Thanks Teix, glad you like it!
Thรฉodora Barbier
Super convenient app ! Mostly recommended ๐Ÿ‘๐Ÿผ
Jakob Grumsen

Quick and simple way to make gradients with the tip of your fingers

Pros:

Great tools with a super intuitive design

Cons:

I don't see any cons. I have not seen any better alternatives yet

Edouard Barbier ๐Ÿ“ฒ
Thanks Jakob, glad you liked it so far ๐Ÿ˜€๐Ÿค—
Marco Piras
Fun to use. Love it! Congrats on the launch!
Edouard Barbier ๐Ÿ“ฒ
@enthusiausted Thanks a lot Marco ;) Glad you liked it!
12
Next
Last