This is the repo for uigradients.com - 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. Currently only gradients with two colours are allowed.
For convenience, the gradients.json is the only file which exists in this branch (apart from the readme of course).
To add your gradient, fork this branch, 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!
[
{
…
},
{
"name": "Emerald Water",
"colour1": "#348F50",
"colour2": "#56B4D3"
}
]
Please feel free to open a new issue here with your suggestions or any bugs which you may have come across.
Want to take peek at the source code of the uigradients site? Have a look at the site branch here.
uigradients is inspired from these fantastic community projects:-
A little project by @_ighosh.
\m/