Hey Product Hunt community! 👋
I built GradientGen because I wanted a simpler, faster way to create those beautiful, organic mesh backgrounds that are trending everywhere. I felt that existing tools were either too bloated or didn't give enough control over the color count.
Currently, you can generate animated meshes using anywhere from 2 to 6 colors. I’m focusing on making the experience as "zen" as possible: land on the page, hit the spacebar, find a palette you love, and grab the CSS code. No sign-ups, no friction.
I’m already working on adding more geometric and topographic styles soon! I’d love to hear your feedback on the current mesh generator and what you'd like to see next. Happy designing! 🎨
Hey hunters! 🚀 Just pushed a major update to GradientGen. You can now export your topographies and mesh gradients as High-Res PNGs.
We added a specific Vertical (1080x1920) format because we know how much you love sharing designs on Pinterest and using them as mobile wallpapers. No stretching, no distortion—just pure, crisp geometry. 🎨
Give it a spin and let me know what you think!
Hi everyone! 👋 Maker here.
I’m so excited to finally share GradientGen with the community. It started as a personal tool to generate quick mesh backgrounds, but it evolved into a full-featured generator for designers and developers who want something more 'alive' than a static image.
Here’s what we’ve packed into this version:
🌈 Dynamic Mesh & Topography Modes: Switch between smooth, fluid mesh gradients or intricate, procedural topographic maps.
✨ Procedural Generation: No two gradients are the same. Every click generates a unique combination of colors and noise-based paths.
🛠️ Social-Ready Export: We built a custom OG API that generates high-quality, perfectly sized previews for X (1200x630) and Pinterest (1000x1500).
🎨 Clean vs. Design Mode: Choose between a 'clean' minimalist export or a 'design' layout that includes color naming (powered by a nearest-color-name algorithm) and rarity badges.
💎 Rarity System: We added a fun 'loot box' mechanic to design! While browsing, you might stumble upon Rare, Epic, or even Mythic gradients (0.01% chance!). These come with special UI effects and celebratory confetti.
💻 Developer Friendly: Grab the CSS, SVG, or full HTML code bundle instantly to use in your projects.
I’d love to hear your feedback on the generation logic and the UX. Which mode do you prefer? Mesh or Topography?
Can’t wait to see the flows you discover! 🚀
About GradientGen on Product Hunt
“Beautiful, animated mesh gradients with 2 to 6 colors”
GradientGen was submitted on Product Hunt and earned 4 upvotes and 3 comments, placing #86 on the daily leaderboard. Stop struggling with complex design tools. GradientGen is a lightning-fast generator for trendy, organic mesh backgrounds. Perfectly tailored for UI/UX designers and devs, it offers: • Multi-color support: Generate mesh gradients with 2, 3, 4, 5, or 6 custom colors. • One-click (or spacebar!) randomization for endless inspiration. • Real-time CSS code export for smooth, programmatic animations. • A minimalist, distraction-free interface. Build high-quality backgrounds in seconds. 100% free
GradientGen was featured in Design Tools (259.5k followers), User Experience (364.7k followers) and Developer Tools (511k followers) on Product Hunt. Together, these topics include over 130.8k products, making this a competitive space to launch in.
Who hunted GradientGen?
GradientGen was hunted by Maxim Landolfi. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how GradientGen stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Maxim Landolfi