38 JQuery Gradient Plugins

An organic SVG shape layer animation based on Diana Hlevnjak’s work “Gradient Topography”. Powered by anime.js. .....
Animation Core Java Script Menus SVG Tutorial

A simple jQuery plugin that provides CSS gradient transitions. .....
Animation Plugins

Create fluid and interactive gradients animations with this small (< 10 kB) js library. .....
Animation

This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images. .....
Core Java Script

A simple jQuery plugin for colorful animated or static gradients . .....
Animation Plugins

A React component that creates text gradients with CSS, including a SVG fallback.Uses CSS gradients when possible (Chrome, Safari, iOS, android).Uses SVG as fallback on Firefox.The text remains as fluid text (never replaced with s.....
Core Java Script CSS SVG Tutorial Text Effect

jQuery plugin to create rainbow or gradient text, optionally animated.colors: an array of CSS color valuesanimate: booleananimateInterval: # of ms between framespad: pad the color array with the last color so the gradient appears .....
Animation Plugins Text Effect

A module to produce CSS gradients as placeholders for images. .....
CSS Image Effects

Rainbow.js is a small jQuery library that will allow you to create css gradients, with HTML only. .....
Image Effects Plugins Text Effect Web

A jQuery plugin to allow you to add gradient choosers to your website.The type of gradient (radial, linear) is configurable as well as the fill direction of the gradient.Currently works in Webkit, Mozilla and Opera. Support for IE.....
Plugins

This is CSS Gradient Generator that you can use in your site to generate CSS Gradient that is cross browser and provides the CSS gradients with all the suffixes.It gives you the power of that CSS Gradient generator in Adobe Photos.....
CSS Plugins Premium

ClassyGradientis a jQuery plugin that allows you to add a gradient generator to your web applications and websites. Smart and fully cutomizable, it is suitable for any type of use: CSS generators, HTML5 canvas applications, live u.....
CSS HTML5 Plugins

Add Shine is a jQuery plugin that converts solid a background color into a gradient that simulates a subtle shine. .....
Plugins

Here is a jQuery text effect plugin to make a text-gradient plugin for jquery. It contains four functions appliable to a selection : spanize, unspanize, textgrad and textscan. .....
Plugins Text Effect

I started to work on WordPress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that that’s very boring to do manually, I’ve decide t.....
Plugins Web

This simple, yet effective adds a basic gradient effect to text. It contains four functions appliable to a selection, they are: spanize, unspanize, textgrad and textscan. .....
Plugins Text Effect

GradientText is an ultra small, easy to use jQuery plugin that will give your standard H1, H2, H3, etc. headers a gradient text color. .....
HTML5 Plugins Text Effect

Just a little demo to show you how to put a gradient using CSS over a Google Map. I've used HAML & SCSS to keep the code nice and clean! If you have any questions or problems, just ask in the comments below or follow me on Tw.....
Google Map

.....
Animated Background

Animated background gradient as seen on: http://m-goldstein.com/ Flat color scheme: https://color.adobe.com/Flat-Design-1-color-theme-7761505/ .....
Animated Background

.....
Animated Background

Animating background gradients using pure CSS3. .....
Animated Background

GradientLetter is a small jQuery plugin to create gradient text that applies CSS Gradients to each letter in the text. jQuery is used to split your text into letters......
Gradient

Darkener is a small jQuery plugin which applies configurable CSS gradient overlays to any containers you specify......
Gradient

gradientFade is a jQuery plugin (script) to create a gradient transition effect by fading through a group of DIV containers with CSS gradients......
Gradient Gradient-Background

asColorPicker is a modular jQuery plugin that appends a fully customizable RGB/HEX color picker to your input field......
color Gradient Colorpicker

Gradient.Text.js lightweight jQuery text colorizer which lets you create gradient/rainbow text using CSS linear-gradient function......
color Gradient

Shadeout is a tiny fancy jQuery plugin that has the ability to dynamically colorize selected elements in a gradient sequence......
color Gradient

Backgroundor is an easy to use jQuery plugin that generates gradient backgrounds from an array of predefined colors, with linear or opacity transition effects......
background Gradient Gradient-Background

Easyllipsis is a JQuery plugin which uses CSS3 gradients to create a smooth ;gradient ellipsis effect at the end of the specified text when overflowing......
Text-Truncating

A lightweight and simple-to-use jQuery plugin which lets you generate animated, canvas based progress bars with custom gradient fills......
progress-bar

Acid Trip is a lightweight jQuery plugin for adding interactive, animated, CSS gradient transitions to your background that responds to mouse movement......
background Gradient Gradient-Background

Gradienter is a small jQuery plugin that generates gradients from a range of user selected colors and then apply them on CSS properties of any DOM elements......
color Gradient Gradient-Background

rainbow.js is a lightweight jQuery plugin which allows you to apply CSS3 radial gradient effects to any Html elements such as headers, text, images and DIVs......
Gradient Gradient-Background

pxgradient is a lightweight and easy-to-use jQuery plugin for creating gradient text effects from an array of hex colors......
Text-Effect Gradient

A small jQuery script used to create gradient and rainbow text effect from user-supplied colors specified in the Javascript......
Text-Effect Gradient

A lightweight jQuery script that creates an animated radial gradient background from an array of pre-defined colors......
background Gradient Gradient-Background

Iris is an awesome jQuery plugin that makes use of jQuery UI and CSS3 gradients to embed a color picker with HiDPI display support within an input field......
jQuery-UI color Colorpicker Color-Palette CSS3