# uiGradients

**Repository Path**: mirrors_sandywalker/uiGradients

## Basic Information

- **Project Name**: uiGradients
- **Description**: Dual tone colour gradients for design and code
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2026-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uigradients.com

This is the repo for [uigradients.com](http://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](https://github.com/Ghosh/uiGradients/network/members).

### 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](https://github.com/Ghosh/uiGradients/issues) 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](https://github.com/Ghosh/uiGradients/tree/site).


### Inspiration

`uigradients` is inspired from these fantastic community projects:-

* [uifaces](http://uifaces.com/)
* [uinames](http://uinames.com/)
* [flatuicolours](http://flatuicolors.com/)

-

A little project by [@_ighosh](http://twitter.com/_ighosh).

\m/