<blockquote>
⭐️ If you like this project, please consider <a href="https://github.com/balshaer/gradients-css" target="_blank" rel="noopener nofollow">starring on GitHub</a>! Your support helps GradientCSS reach more developers and keeps new features coming.
<a href="https://github.com/balshaer/gradients-css" target="_blank" rel="noopener nofollow">View on GitHub →</a>
</blockquote>
<h2>Got bored of generic gradients, so I built this <a href="https://gradientscss.vercel.app/" target="_blank" rel="noopener nofollow">GradientCSS</a></h2>
A fresh, curated collection of modern gradients to instantly level up your landing pages, portfolios, dashboards, or any web project needing a visual boost ✨
<hr>
<h3>🚀 Why Choose GradientCSS?</h3>
<ul>
<li>Productivity First: Instantly find, preview, adjust, and export beautiful gradients—no registrations, no setup.</li>
<li>Format Freedom: Export as CSS, SCSS/SASS, Tailwind, Bootstrap, SVG, XML/JSON, or even as images (PNG, JPG, etc.).</li>
<li>Color Versatility: Use gradients defined in HEX, HSL, RGB, and more.</li>
<li>Beyond Backgrounds: Apply gradients to backgrounds, text, or UI components seamlessly.</li>
<li>Full Control: Animate gradients, tweak direction and angle, and control all parameters visually.</li>
<li>Open Source &amp; Extensible: Freely use, fork, propose features, or contribute. More coming soon!</li>
</ul>
<hr>
<h3>🛠️ Features</h3>
<ul>
<li>One-Click Copy &amp; Export:
<ul>
<li>Code: CSS, Tailwind CSS, SCSS, SASS, Bootstrap</li>
<li>Markup: SVG, XML, JSON</li>
<li>Images: Download as PNG, JPG, and more</li>
</ul>
</li>
<li>Color Codes:
<ul>
<li>HEX, HSL, RGB, and other formats</li>
</ul>
</li>
<li>Live &amp; Interactive Preview:
<ul>
<li>See real-time updates and visually tweak gradient parameters</li>
</ul>
</li>
<li>Text &amp; Background Support:
<ul>
<li>Use gradients for headings, UI elements, and backgrounds—not just divs</li>
</ul>
</li>
<li>Animation Engine:
<ul>
<li>Animate colors, control direction and angle, set animation duration and style</li>
</ul>
</li>
<li>Advanced Direction Controls:
<ul>
<li>Set precise angles, radial positions, and conic centers</li>
</ul>
</li>
<li>Library of Styles:
<ul>
<li>Linear, radial, conic, and more to fit every use case</li>
</ul>
</li>
<li>No Account Needed:
<ul>
<li>Immediate access to all features, friction-free</li>
</ul>
</li>
<li>Roadmap:
<ul>
<li>Constantly evolving. Share suggestions and follow updates for new export formats and tools.</li>
</ul>
</li>
</ul>
<hr>
Try it out: <a href="https://gradientscss.vercel.app" target="_blank" rel="noopener nofollow">GradientCSS</a>
Want more? It’s open source! 
Explore or contribute here: <a href="https://github.com/balshaer/gradients-css" target="_blank" rel="noopener nofollow">GitHub</a>
Perfect for devs and designers who want quick style with zero hassle.

Building for the web? You're in the right place. This squad was created so anyone can share anything about web . Post your finds, drop a comment, and upvote great content to support the community! 🚀

WebCraft

GradientCSS is an open-source tool that provides a curated collection of modern gradients for web projects. It offers one-click copying and exporting in multiple formats including CSS, Tailwind, SCSS, SVG, and images. The tool features live preview, animation controls, and supports various gradient types (linear, radial, conic) without requiring user registration.

GradientCSS — Instantly Modern Gradients for Web Projects

Excelente aporte colega, muchas gracias.