Gradientos makes it easy to choose gradients.

Netlify status GitHub language GitHub package.json version GitHub

AboutAdd gradientLocal Development


Gradientos is a web app which can help you choose gradients by simply showing your selected gradients on a live demo website with some common UI elements. You can quickly see how the gradient actually looks on a website. Play around and create your own gradient or select one from our collection.

Add Gradient

To add your own gradient to the Gradientos collection: add it in the gradients.json file located in src/data directory.


"name": "Creative gradient name",
"colors": ["#fff", "#000"]

Only 2 color gradients can be accepted.

Local Development

Install dependencies

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build


View Github