Welcome to Gradient CSS

Gradient CSS was inspired by UIGradients.com and it was generated into this CSS.

Download Gradient CSS

Gradient CSS for Development
Gradient CSS Minified
Or you can use our CDN https://www.craftbootstrap.com/css/gradient.min.css

How it works?

After download the files, Add Gradient CSS before </head> <link rel="stylesheet" type="text/css" href="css/gradient.min.css">
Pick a background name from UIgradient.com and if it was 2 words you can separate it with - (hypen) ex: facebook-messanger
Add it as class ex: <div class="facebook-messanger> Gradient CSS Background will shown as background </div>
Enjoy!.

We are using BrowserStack to make Gradient CSS always running on any Devices and Browsers.