Gradientos is a free web app that makes it easy for designers and developers to create, preview, and select gradients by applying them live to common UI elements.

---

🚀 Overview

Gradientos is a simple yet powerful tool designed to streamline the process of working with CSS gradients. Instead of guessing how a gradient will look, users can instantly see it applied to realistic UI components like backgrounds, text, icons, buttons, and more.

This project solves the common pain point in UI design and development where selecting colors for gradients feels abstract without context. It's built for frontend developers, UI/UX designers, and anyone styling web interfaces who needs quick visual feedback.

Created by software developer Henri Parviainen from Finland, it was built to make gradient selection fast, intuitive, and fun, with a curated collection of presets and easy customization.

---

✨ Key Features

• Interactive two-color picker with live previews on various UI elements (backgrounds, text backgrounds, icons, buttons) to see exactly how the gradient performs in context
• Curated collection of pre-made gradients for quick selection
• Simple export of gradient CSS code for immediate use in projects
• Optional: Search functionality and gradient direction adjustments (from repo history)

---

🛠 Tech Stack

• Frontend: Vue.js, JavaScript, HTML, CSS
• Backend: None (fully client-side static app)
• Database: None
• Auth: None
• Hosting: Static hosting (likely Netlify, Vercel, or GitHub Pages; not specified)

---

👥 Who Is This For?

This project is useful for:

• Developers who want to quickly test and copy CSS gradients for their web projects
• Teams looking for design consistency with visually validated gradients
• Indie makers building stylish UIs without spending hours tweaking colors

---

📸 Screenshots / Demo

• Live demo: https://www.gradientos.app
• GitHub: https://github.com/henripar/gradientos

---

🔥 Project Status

• 🔴 Paused

Last updated: 2022-08-06

---

❓ FAQ

Is this project free?

Yes / Open Source (Fully free to use, no sign-up required, MIT licensed.)

---

Is the source code available?

Yes — https://github.com/henripar/gradientos

---

Can I contribute?

Pull requests are welcome. For major changes, open an issue first. Add new two-color gradients to src/data/gradients.json. Report bugs or propose features via GitHub issues. See CONTRIBUTING.md for details.

---

📬 Contact & Links

• Website: https://www.gradientos.app
• GitHub: https://github.com/henripar
• Twitter/X: N/A
• Email: N/A

---

Built with ❤️ and kept warm on WarmIndex.