Advertise here

jQuery Plugins Tagged ‘transition’

Swup – Complete, Flexible, Easy to Use Page Transition Library

December 05, 2018     2382     Effects Animation
Swup – Complete, Flexible, Easy to Use Page Transition Library

Swup is a easy to use and flexible page transition library.You can define as many containers to replace, so you can work with the rest for your animation.

Read More »

Gliding Gallery – Simple Image Slider with Transitions

October 02, 2018     2220     Slider Gallery
Gliding Gallery – Simple Image Slider with Transitions

Gliding Gallery is a simple image gallery with transitions. You can also watch video tutorial of gliding gallery.

Read More »

Flipping – Library for Flipping Awesome Animations

July 20, 2018     1153     Animation
Flipping – Library for Flipping Awesome Animations

Flipping is a library and collection of adapters for implementing FLIP transitions.

Read More »

WebGL Distortion Slider

May 13, 2018     25764     Slider Effects
WebGL Distortion Slider

A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.

Read More »

Slice Slider – Slicey Transition Slider

January 16, 2018     991     Slider
Slice Slider – Slicey Transition Slider

Slice Slider is a little slicey transition slider using a simple add class deal. Supports scrollwheel (scroll jacking), nav buttons and arrow keys.

Read More »

Animated SVG Frame Slideshow

November 15, 2017     2236     Slider Animation
Animated SVG Frame Slideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Anime.js is used for the animations.

Read More »

Morphing Page Transition with CSS and Javascript

August 14, 2017     2397     CSS3 & CSS Effects
Morphing Page Transition with CSS and Javascript

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

Anime.js used for the animations and Charming.js used for some letter effects.

Read More »

Humane.js – Simple, Modern, Browser Notification System

July 10, 2017     1739     Modal & Overlay
Humane.js – Simple, Modern, Browser Notification System

humane.js is a simple, modern, framework-independent, well-tested, unobtrusive, notification system.

Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.

Read More »

AniX – Super Easy and Lightweight Transitions Animation Library

May 29, 2017     1101     Animation
AniX – Super Easy and Lightweight Transitions Animation Library

AniX is a lightweight and easy-to-use animation library with excellent performance and good compatibility for modern browsers.

Read More »

Image Mask Effect with CSS & jQuery

February 15, 2017     2296     CSS3 & CSS Effects
Image Mask Effect with CSS & jQuery

An immersive transition effect powered by image masks and CSS transforms using jQuery.

Read More »

AsciiMorph – Library to Animate Between Two ASCII Images

December 19, 2016     1207     Animation
AsciiMorph – Library to Animate Between Two ASCII Images

AsciiMorph is a small stand alone javascript library for rendering ascii art and creations into elements, allowing for them to be changed out with a morphing transition.

Read More »

Gradientify – jQuery Plugin to Provide CSS Gradient Transitions

November 02, 2016     1371     CSS3 & CSS
Gradientify – jQuery Plugin to Provide CSS Gradient Transitions

Gradientify is a simple jQuery plugin that provides CSS gradient transitions.

Read More »

Force.js – Scroll and Animate Your Page Easily

October 24, 2016     3013     CSS3 & CSS Scroll Animation
Force.js – Scroll and Animate Your Page Easily

Force.js is a javascript library to animate elements and jump around on your page easily.

It has different easing functions and tries to use CSS-Transitions to animate elements.

Read More »

Zebra_Tooltips – Lightweight and Configurable jQuery Tooltip Plugin

January 26, 2016     1184     Tooltip
Zebra_Tooltips – Lightweight and Configurable jQuery Tooltip Plugin

Zebra_Tooltips is a lightweight jQuery tooltip plugin for creating simple, smart and visually attractive tooltips with nice transitions and configuration options.

Read More »

jQuery Mobile Transitions

September 15, 2015     5050     Mobile Effects
jQuery Mobile Transitions

A few examples of the page transitions available in jQuery Mobile. Use the back button (after you've seen a transition) to see how jQuery Mobile automatically applies the animation in the reverse for the "out" animation.

Read More »