Advertise here

jQuery Plugins Tagged ‘transition’

tram.js – Cross Browser CSS3 Transitions in JavaScript

January 01, 2014     12384     CSS3 & CSS Animation
tram.js – Cross Browser CSS3 Transitions in JavaScript

tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript - offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.

Read More »

How to Create a Mosaic Transition Effect using jQuery

November 10, 2013     7735     Effects
How to Create a Mosaic Transition Effect using jQuery

A tutorial about "Building a mosaic transition effect between two photos using jQuery". Tutorial includes 2 demo page with different mosaic transition effect.

Read More »

Medium-Style Page Transition

October 30, 2013     5963     CSS3 & CSS Effects
Medium-Style Page Transition

An article on how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out.

Read More »

Magic Move – jQuery Plugin to Animate DOM Transitions

October 30, 2013     5136     CSS3 & CSS Animation
Magic Move – jQuery Plugin to Animate DOM Transitions

Magic Move is a jQuery plugin to do transitions between DOM states.

Magic Move is a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser.

Read More »

FerroMenu – Responsive and Interactive Bubble Menu Plugin

October 28, 2013     14340     HTML5 CSS3 & CSS Menu Responsive
FerroMenu – Responsive and Interactive Bubble Menu Plugin

FerroMenu is a free jQuery plugin that allows you to create animatable, responsive, user and mobile friendly bubble menus in a cool way and drag them through the screen.

With sevaral options you can customize the behaviuor of FerroMenu. It can be dragged around the screen, or you can set the transition time, delay and easing.

Read More »

slidr.js – JavaScript Library for Slide Effects

October 27, 2013     12545     Slider Effects
slidr.js – JavaScript Library for Slide Effects

slidr.js is a simple, lightweight javascript library for adding slide transitions to your page. No dependencies required. 

Slides can contain any html content, no restrictions.

Read More »

Split Layout

October 26, 2013     9890     CSS3 & CSS Grid & Layout
Split Layout

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects.

Read More »

Minimit Anima – jQuery Plugin to Animate with Transforms and Transitions

October 20, 2013     2760     CSS3 & CSS Animation
Minimit Anima – jQuery Plugin to Animate with Transforms and Transitions

Minimit Anima is a jQuery plugin to animate with transforms and transitions.

It's built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.

Read More »

jGallery – Customizable jQuery Photo Gallery with Effects

September 23, 2013     7069     Gallery Effects
jGallery – Customizable jQuery Photo Gallery with Effects

jGallery is a customizable jQuery photo gallery with albums and preloader.

Features

  • 41 configuration parameters
  • 43 transition effects
  • Unlimited scalability
  • Compatible with all major browsers
  • Retina friendly

Read More »

Juicy Slider – Responsive and Lightweight jQuery Slider/Slideshow Plugin

July 30, 2013     7754     Slider CSS3 & CSS Responsive
Juicy Slider – Responsive and Lightweight jQuery Slider/Slideshow Plugin

Juicy Slider is a responsive slider/slideshow plugin for jQuery. Unlike other plugins that rely on CSS3 support of browser, this plugin adjusts image size by computing the corresponding aspect ratio of images and viewport using javascript. This makes it compatible with older browsers and more consistent.

The current release uses jQuery UI to set its transition effects.

Read More »

elementTransitions.js – Many Transition Effects for Web Pages

July 11, 2013     6041     CSS3 & CSS Effects
elementTransitions.js – Many Transition Effects for Web Pages

elementTransitions.jsis a wrapper around the code provided by codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

Read More »

Responsive_DG_Slider – Full Screen Responsive jQuery Slider

May 17, 2013     13837     Slider Gallery Effects
Responsive_DG_Slider – Full Screen Responsive jQuery Slider

Responsive_DG_Slider is full screen responsive image slider powered by the fantastic java-script library jQuery. It is flexible and it has different transition effects. Also  With a nice and simple design it adjusted automatically to the width of your browser screen.

Read More »

jQuery Content Panel Switcher

April 09, 2013     9785     Slider Effects
jQuery Content Panel Switcher

jQuery Content Panel Switcher is a simple and lightweight jQuery plugin that allows smooth transitioning of content in and out of panels located anywhere on the page.

You can have single or multiple content switching panels on a single page Content panels can be either span or div elements, and the buttons used to switch the content can be just about anything, so long as they have the right clases assigned.

Read More »

JResponsive – Responsive Smooth Transition Layout for jQuery

March 11, 2013     14165     Responsive Grid & Layout
JResponsive – Responsive Smooth Transition Layout for jQuery

JResponsive  is a simple jQuery plugin that allows you to add a dynamically-resized layout to any page or element, customize the layout the way you want with or without top,right,left or bottom navigations.

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.

Read More »

jQuery Cycle Plugin

February 22, 2013     1681     Slider Effects
jQuery Cycle Plugin

jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. Cycle Plugin provides many options for customizing your slideshow.

It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

Read More »