bradoliver/uigradients

Beautiful colour gradients for design and code

uigradients.com

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.

Contributors

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

Contributing

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.

Inspiration

uigradients is inspired from these fantastic community projects:-

• uifaces
• uinames
• flatuicolours

A little project by @_ighosh.

\m/