Gradients

Website available here.

Description

Gradients library for UI designing. Choose gradient, copy its CSS code and use it in your project!

Screenshots

Contributing

Adding gradients

1. Add a gradient to a file css/gradients.css. Here is a basic scheme of the code:

   .{name}
   {
   	background-color: rgb({0-255}, {0-255}, {0-255});
   	background-image: linear-gradient({0-359}deg, rgba({0-255}, {0-255}, {0-255}, {0-1}) {0-100}%, rgba({0-255}, {0-255}, {0-255}, {0-1}) {0-100}%);
   }

2. Add the gradient's names to a file js/gradients.js, to the array gradients. A new item should look like this:

   {
   	displayed_name: "Displayed Name",
   	gradient_name: "gradient-name" // the same as the css class
   }

Other contributions

Feel free to suggest your own ideas. This is the magic of the open source!

License

Project is licensed under the GPLv3. It regards a project itself - of course, all gradients can be used without any special limitations.