wan9 / uigradients

Dual tone 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. 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"
 	}
]

Improvements and Bugs

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

Source Code

Want to take peek at the source code of the uigradients site? Have a look at the site branch here.

Inspiration

uigradients is inspired from these fantastic community projects:-

• uifaces
• uinames
• flatuicolours

A little project by @_ighosh.

\m/