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 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"]
}
]
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.
\m/