Beautiful colour gradients for design and code http://uigradients.com/

Indrashish Ghosh 64b57283ff Change gradient nav event to keydown from keyup 2 weeks ago
build 434b996231 Change build config 1 month ago
config 024afc041f 🎉 Init 2.0 1 month ago
src 64b57283ff Change gradient nav event to keydown from keyup 2 weeks ago
static 024afc041f 🎉 Init 2.0 1 month ago
test 024afc041f 🎉 Init 2.0 1 month ago
.babelrc 024afc041f 🎉 Init 2.0 1 month ago
.editorconfig b47cd114b8 Updated dependencies 1 month ago
.eslintignore 024afc041f 🎉 Init 2.0 1 month ago
.eslintrc.js b47cd114b8 Updated dependencies 1 month ago
.gitignore 19909a296b Updated .gitignore 1 month ago
.postcssrc.js 024afc041f 🎉 Init 2.0 1 month ago
.travis.yml 024afc041f 🎉 Init 2.0 1 month ago
LICENSE.md bb6d493120 Create LICENSE.md 1 month ago
README.md 85c8e44f00 Updated reamdme 1 month ago
gradients.json ed5b005b4b Update gradients 2 weeks ago
index.html fb3aae2a71 Modified package info 3 weeks ago
package.json 6e5c4d8f56 Upgraded dependencies 2 weeks ago
yarn.lock 6e5c4d8f56 Upgraded dependencies 2 weeks ago

README.md

Made with love License Contributors Build Status

uiGradients is a community contributed collection of beautiful multi-color gradients


 

About

This is an effort to give back to the community, by the community. Hopefully this will help you draw inspiration and serve as a resource for picking gradients for your own projects.

 

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 gradient colors 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": "Career",
      "colors": ["#cb202d", "#dc1e28", "#3366cc"]
    }
]

NOTE - Please keep gradient submissions and bug fixes in separate PRs.

 

Improvements and Bugs

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

 

Data

While there is no official api, all the gradients are present in the gradients.json file. The code below is an example of fetching the data via a CURL request

curl -i https://raw.githubusercontent.com/ghosh/uiGradients/master/gradients.json

 

Built with uiGradients

A few open source projects built with uiGradients

 

✌️

A little project by @i_ghosh