karolsw3 / Gradientify
Licence: mit
Create beautiful, animated gradients with ease. This JS library provides you with an easy-to-use API to create and put animated gradients wherever you want on your website.
Stars: ✭ 16
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Gradientify
LuminousNewTab
Luminous New Tab is a beautiful 'new tab' browser extension that has an animated gradient background! New tabs will show your bookmarks, the time, weather and let you do searches too!
Stars: ✭ 18 (+12.5%)
Mutual labels: animated, gradient
IrregularGradient
Create animated irregular gradients in SwiftUI.
Stars: ✭ 127 (+693.75%)
Mutual labels: animated, gradient
React Native Css Gradient
React Native css gradients - react-native-linear-gradient with css gradient support
Stars: ✭ 129 (+706.25%)
Mutual labels: gradients, gradient
Msgpack Javascript
MessagePack for JavaScript/TypeScript/ECMA-262 / msgpack.org[JavaScript]
Stars: ✭ 742 (+4537.5%)
Mutual labels: javascript-library
Spark
🎨 An Android library to create gradient animation like Instagram&Spotify
Stars: ✭ 669 (+4081.25%)
Mutual labels: gradient
T Scroll
A modern reveal-on-scroll library with useful options and animations. (Animate Elements On Reveal)
Stars: ✭ 642 (+3912.5%)
Mutual labels: animated
Jquery.localscroll
Animated anchor navigation made easy with jQuery
Stars: ✭ 624 (+3800%)
Mutual labels: animated
Jeelizweboji
JavaScript/WebGL real-time face tracking and expression detection library. Build your own emoticons animated in real time in the browser! SVG and THREE.js integration demos are provided.
Stars: ✭ 835 (+5118.75%)
Mutual labels: animated
Spotlight
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.
Stars: ✭ 799 (+4893.75%)
Mutual labels: javascript-library
Gradients
🌔 A curated collection of splendid 180+ gradients made in swift
Stars: ✭ 719 (+4393.75%)
Mutual labels: gradient
Postcss Easing Gradients
PostCSS plugin to create smooth linear-gradients that approximate easing functions.
Stars: ✭ 689 (+4206.25%)
Mutual labels: gradients
Nativeshare
NativeShare是一个整合了各大移动端浏览器调用原生分享的插件
Stars: ✭ 751 (+4593.75%)
Mutual labels: javascript-library
Rando.js
The world's easiest, most powerful random function.
Stars: ✭ 659 (+4018.75%)
Mutual labels: javascript-library
Infinite Ajax Scroll
Turn your existing pagination into infinite scrolling pages with ease
Stars: ✭ 804 (+4925%)
Mutual labels: javascript-library
Thlabel
UILabel subclass, which additionally allows shadow blur, inner shadow, stroke text and fill gradient.
Stars: ✭ 636 (+3875%)
Mutual labels: gradient
Flowing Gradient
Android Library to make a flowing gradient effect, similar to that used in Instagram Android login screen
Stars: ✭ 701 (+4281.25%)
Mutual labels: gradient
Trip.js
🚀 Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities.
Stars: ✭ 789 (+4831.25%)
Mutual labels: javascript-library
Modernizr
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Stars: ✭ 25,103 (+156793.75%)
Mutual labels: javascript-library
Progressively
A JavaScript library to load images progressively 🌇
Stars: ✭ 691 (+4218.75%)
Mutual labels: javascript-library
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!
DEMOInstallation
For wizards:
npm i gradientify
For less-experienced wizards:
<script src="https://rawcdn.githack.com/karolsw3/gradientify/7f5a74cd8380a843477b7abfa9baca2fd127013a/dist/gradientify.min.js"></script>
Usage
let gradientify = new Gradientify(
'.yourClass',
[
"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
)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].