Awesome Open Source
Awesome Open Source

Create beautiful, animated gradients with ease.

Ever wanted to animate a gradient background, but CSS transitions disappointed you with their lack of this in-extremely-high-demand functionality? Worry no more!



For wizards:

npm i gradientify

For less-experienced wizards:

<script src=""></script>


let gradientify = new Gradientify(
    "linear-gradient(60deg, rgb(255, 0, 0), rgb(0, 0, 255))", // Array of CSS gradients
    "linear-gradient(10deg, rgb(25, 123, 23), #ff22af)",
    "radial-gradient(rgb(25, 123, 223), red)"
  3000 // Fading interval in miliseconds

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (10,876
javascript-library (207
animated (59
gradient (59
gradients (20

Find Open Source By Browsing 7,000 Topics Across 59 Categories