GradientSpector css library

A dead simple, Lightweight CSS Library With 330+ Ready to Use Gradient CSS Color Classes. πŸ˜ŽπŸŽ¨πŸ–Œ

GradientSpector is a bunch of cool, fun, and cross-browser Gradient for you to use in your projects.

Basic Usage

  1. Include the stylesheet on your document’s <head>
  <link rel="stylesheet" href="gradientspector.min.css">
  1. Add the class name to the element you want to add gradient background.

  2. Finally you need to add one of the predefined classes (Check end of the readme):

Full Example

<div class="blu">Example</div>

Buy me a coffee

Donate via Paypal

Visit my portfolio



Feel free to submit issues and pull request.

Special Thanks


Color List

Class List

.by design
.very blue
.piggy pink
.deep space
.wedding_day blues
.honey dew
.deep purple
.metallic toad
.pacific dream
.crazy orange_i
.miami dolphins
.cosmic fusion
.can_you feel_the_love_tonight