Beautiful colour gradients for design and code
JavaScript CSS HTML ApacheConf
Latest commit af62da2 Feb 10, 2017 @ghosh Added gradients

This is the repo for - A handpicked collection of beautiful colour gradients for design and code.

Hopefully this little effort will help you draw inspiration and serve as a resource for picking gradients for your own projects.


A huge thank you to all the contributors. A complete list can be found here.


Adding a gradient to the library is super simple. All the gradients are loaded and rendered from a single gradients.json file in the root.

To add your gradient, fork this repository, add your two gradient colours in the HEX format along with a name to the end of the json file and submit a pull request. Don't forget the commas!

    }, // <-- Don't forget this comma
        "name": "Emerald Water", // <-- and this comma too
        "colors": ["#348F50", "#56B4D3"]

Improvements and Bugs

Please feel free to open a new issue here with your suggestions or any bugs which you may have come across.

IMPORTANT - Please keep gradient submissions and bug fixes in separate PRs.


uigradients is inspired from these fantastic community projects:-

A little project by @_ighosh.