Hello fellow designers!
I wanted to take a moment to introduce you all to a project that’s been a true labor of love for me—Gradienty. As a designer myself, I’ve always been looking for ways to speed up my workflow, particularly when it comes to adding those little touches that really make a design pop, like gradients and frosted glass effects. I got tired of tweaking CSS endlessly just to get things looking the way I wanted, so I decided to build something that solves that for us.
That’s where Gradienty comes in.
What is Gradienty?
It’s a free web tool I created specifically for designers who use Tailwind CSS (but honestly, it works well for any CSS-based project). With just a few clicks, you can generate beautiful gradients, text gradients, glassmorphism effects, mesh gradients, and even custom blob shapes. No need to mess around with CSS code or worry about getting the right gradient stop. It’s fast, it’s easy, and it gives you copy-paste-ready CSS to drop into your projects.
Why did I build this?
Like most of you, I’m constantly juggling between client work, side projects, and just general experimentation. I wanted something that could take some of the repetitive work off my plate while still giving me full creative control. After launching the first version last year, the feedback I got from fellow designers really helped shape Gradienty V2 into what it is now. Every feature in the tool has been added with real-world design needs in mind, based on what the community wanted.
Here’s what you can do with Gradienty:
Generate Gradient Backgrounds: Create smooth, eye-catching backgrounds with multi-layered gradients. Choose your colors, adjust stops, and copy the code—simple as that.
Text Gradients: Make your typography pop with stylish gradient text effects, perfect for making headers or callouts stand out.
Gradient Box Shadows: Add depth to your design elements with subtle or bold gradient shadows to give your UI components that extra touch.
Glassmorphism: Easily craft frosted glass effects that are perfect for modern UIs. With just a few tweaks, you can bring the trendy Glassmorphism style into your projects.
Mesh Gradients: For more abstract designs, create fluid, multi-color gradients with our mesh generator—great for backgrounds or adding a modern, artistic vibe.
Blob Generator: Fun, customizable blob shapes to use as design accents or background elements. You can adjust their size, form, and complexity to match your aesthetic.
I know there are tons of tools out there, but what makes Gradienty different is that it’s made by someone who gets the design process. I’ve kept everything free and completely open—no paywalls or hidden features—because I really believe in empowering fellow designers to create beautiful work without barriers.
You can give it a try here: Gradienty.codes.
I’d love to hear your thoughts, suggestions, or feedback. The tool is constantly evolving, and it’s really driven by what you, the design community, needs.
Looking forward to seeing what you create!