127 JQuery Transitions Plugins

Highway is a lightweight (2.2ko gzipped), robust, modern and flexible library that will let us create AJAX navigations with beautiful transitions on our websites. It’s been a while we were trying to build this ki.....
Ajax Core Java Script Web

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

Custombox is a modal window effects with transitions CSS3. .....
Animation CSS Plugins Popup Window

Jquery plugin to animate with Css3 transforms and transitions with fallback for older browsers.It’s built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.By default the.....
Animation CSS Plugins

Shift.js is a JavaScript library which utilizes the modern web browser’s native CSS3 transition and transform protocol. All animations are performant and executed with little browser overhead. This library is not dependent o.....
Animation Core Java Script CSS

A dynamic & colourful jQuery plugin perfect for adding subtle colour transitions to your web applications. .....
Animation Plugins

A rework of the original idea created by Hakim El Hattab. Created using JavaScript, CSS 3D transforms and CSS Animations.Kontext: Original idea by Hakim El HattabPut On: A page drop effectCircle: Layers do a circle transitionBounc.....
Animation Core Java Script CSS Slider

jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.That being said, it is now p.....
Animation CSS

In this tutorial, we create revealing content overlays with CSS3 transitions, allowing us to minimise content clutter and provide a neat user experience.Imagine your company offered a bunch of different services, and on your websi.....
CSS Popup Window

Wanky Pages is a page switching management with 3D/2D CSS3 transition support and jQuery. .....
Animation CSS Web

In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more. .....
CSS

Odometer is a Javascript and CSS library for smoothly transitioning numbers.Odometer’s animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers. .....
Animation Core Java Script CSS

With WP Page Transitions you can add beatiful transitions between your wordpress pages! You can set the transitions on a global level or you can customize it per page. You could also choose to use only in transitions or only out.....
Animation CSS Plugins Premium Wordpress

Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product image with a transparent background. State transitions are done us.....
Animation CSS Slider

Slide Social Buttons are a fun way to display your social media buttons.These buttons are inspired by the Supersteil blog but instead of using jQuery for the animation, they use CSS transforms &amp transitions.Features:Uses CS.....
CSS Responsive

Wallop Slider is simple slider with CSS3 transitions.Features:Mobile firstProgressive enhancementTransitions/Animations are all in CSSMinimal JavaScriptFlexible & ScalableCustom events and API available3KB minifiedDependency f.....
CSS Slider

The library works by appending a separate and hidden clone of the element you’re transitioning to the page. Any DOM manipulation you do is actually manipulating that clone. Then, when you’re finished, the library looks.....
Animation Plugins

bespoke-fx is a CSS slide transitions for bespoke.js.This is useful when you want to transition a single slide in a different way to other slides. .....
Animation Core Java Script CSS

Replicating and improving the lightbox module seen on Medium with fluid transitions.As Fluidbox relies on CSS transforms, it only works with thumbnails that share the same aspect ratio with their higher resolution counterparts, ot.....
Plugins Popup Window Responsive

A jQuery plugin that uses CSS transitions to animate an element’s height or width to auto. .....
Animation CSS Plugins

This time I will show you other five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops.In summary, we seek the same method but we will act especially using the border property,.....
CSS

Tram.js is a 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-.....
Animation CSS

This is an example of caption animation while hovering on images, using CSS3 transitions and transform rules. There is no Javascript used so it will work on modern browsers where CSS3 animations are supported. Please check the sou.....
Animation CSS

Sticky social bar is a simple container of social media icons, glued to the right side of the browser window. Each element in the sticky social bar is animated using css3 transitions and transform rules. .....
CSS

jQuery Modal Window Effects with transitions CSS3.This plugin is created with native JavaScript but works perfectly with jQuery.These animations only works as intended in browsers that support the respective CSS properties.Interne.....
Animation CSS Plugins Popup Window

As CSS3 is gradually more supported over popular browsers, CSS3 Buttons become great looking replacements for image and script heavy buttons. These buttons use CSS3 transitions and transforms to animate morphing icons to represent.....
Animation CSS

Today we’d like to share another set of transition effects with you. This time we’ll explore transitions for sidebars or off-canvas content like the one we’ve used in the Multi-Level Push Menu. The idea is to show some hidd.....
Core Java Script CSS Menus

Ever notice how small flourishes and subtle transitions dramatically increases the value of the experience you enjoy with an app or site?Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult.....
Animation CSS

This repository is a wrapper around the code provided by a 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 fr.....
Animation CSS Plugins

A dynamic grid layout that let’s you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can add transitions. .....
Core Java Script CSS Layout

In this tutorial we are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. A.....
Ajax Animation CSS Plugins

Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page......
Animation CSS

Today we’d like to share an experimental responsive layout with you. Initially, the layout shows four flexible boxes. When clicking on a box, it will expand to fullscreen and the others will scale down and fade out. When closing.....
CSS Web

Swiper – is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native.....
Plugins Slider

Did you ever wonder how those cool slideshow plugins split images into pieces and put them back together? This tutorial will get you a good understanding of the basic concept behind this effect as we build a simple jQuery plugin. .....
Animation CSS

Slider with css3 transitions and many effects.In browsers that don’t support css3 transitions classes won’t be animated but some effects will still work, just a bit choppy. .....
CSS Plugins Slider

In this tutorial we will create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the descriptio.....
CSS Slider

HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of them according to diffe.....
Animation Gallery Plugins Premium

Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, mo.....
Gallery Plugins Slider

Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We’ll be using CSS3 3D Transforms for Webkit only. Check out the Photo Transitions at the Safari Technology Demos site, .....
Animation CSS Gallery

jQuery Transit  a Super-smooth CSS3 transformations and transitions.You may rotate using rotateX and rotateY. Using perspective is optional, but it should always come before rotateX/Y.You can animate any available CSS property.....
Animation CSS

jqFancyTransitions is easy-to-use jQueryplugin for displaying your photos as slideshow with fancy transition effects. .....
Gallery Plugins Slider

Based on google html5slides and apple iphone5 slideshow. .....
SlideShow

Example for using CSS transitions for animations. .....
Pull to Refresh

Material Design-inspired animations for Google Maps search results .....
Google Map

jQuery dependent infinite scroll module Ability to set a limit after which the loading will NOT be automatic, but will need to be initiated by the user ( passed as argument to the init function ). .....
Infinite Scroll

cssCollapse is a really simple jQuery plugin to create a collapsible content box for showing / hiding html elements with smooth sliding animations based on CSS3 transitions......
content-toggle

A folding profile gallery with image filters that display the details of the profiles by clicking the thumbnails, built with jQuery and CSS3 transitions......
profile-gallery

The Tiles Slider jQuery plugin lets you create a fancy slideshow that automatically switches between images with creative, unique tiles transition effects......
Carousel

Zebra_Tooltips is a lightweight, highly customizable and cross-browser jQuery plugin for creating simple, but smart and visually attractive tooltips, featuring nice transitions and offering a lot of configuration options......
transitions

Skitter is a jQuery plugin for creating stylish image slideshows that come with more than 38+ cool transition effects, 4 themes and a lot of options to fit your needs......
Image-Slider

The jQuery Search Filter enables the live search functionality on an HTML list that allows the user to dynamically filter long lists through a search field......
Filter live-search

Glide.js is a lightweight jQuery plugin that helps you create responsive and touch-enabled sliders with fast CSS3 transitions......
Carousel Content-slider

jquery.mb.CSSAnimate is a jQuery plugin for animated DOM Elements using CSS3 transition instead of the default jQuery.animate method......
CSS3 transitions

odometer is a lightweight and themeable javascript library that makes use of CSS3 transform and transition properties to animate numbers with smooth transition effects......
Number counter CSS3 transforms transitions

Recolor is a jQuery plugin which applies smooth color transitions to any html elements such as text, DIVs, tables and many more......
color-transition

Nivo Lightbox is a simple yet robust and featured jQuery lightbox plugin that automatically detects the type of your content and display it in a responsive modal window with amazing animations......
Modal video Responsive CSS3 transitions

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

colorizer is a super simple jQuery plugin that adds a smooth background-color transition effect to a specific container when the user scrolls down the webpage......
background color background-color color-transition

rlaccordion is a lightweight and Responsive jQuery Accordion Plugin that allows you to create a content accordion with smooth collapse and expand transition effects......
Responsive transitions

A nice, stylish jQuery based fullscreen page slider / presentation which allows the visitor to switch between page sections with smooth CSS3 transition effects......
page-slider Presentation page-transition

jQuery Image Gallery is another extension to jQuery Blueimp Gallery Plugin, which allows you to create a highly customizable image gallery that displays images in the draggable and resizable dialog window of the jQuery UI......
jQuery-UI swipe Responsive transitions

A lightweight implementation of an unobtrusive and efficient content slider using jQuery, CSS and CSS3 transitions......
Content-slider

cssPageTransitions is a jQuery plugin which utilizes AJAX method and CSS3 animations to create smooth transition effects as you jump to other web pages......
page-transition

A lightweight jQuery text slider for rotating an array of words or terms of your text with CSS3 animations using transform and transition properties......
text-rotator text-slider

FadeNavigation is a jQuery plugin to create a single page navigation that allows you to navigate through web content with fade in/out transitions......
page-transition

Makes use of CSS3 transitions / transforms and a bit of jQuery magic to create a fullscreen modal while shrinking and blurring the background content......
Modal

Olightbox is a jQuery plugin that allows you to embed images or inline content into a responsive lightbox popup with CSS3 powered transition effects......
image-lightbox

FKPageTransitions is a jQuery plugin which allows the visitor to navigator through your fullpage website with cool CSS3 powered transition effects......
Presentation page-transition

indySliceSlider is a tiny jQuery plugin to create a responsive content slider/carousel that uses CSS3 for fancy slide transition effects......
Carousel Content-slider

An animated radial navigation that reveals menu items one by one when triggered, built using some CSS3 and jQuery......
circle-menu

A jQuery carousel slider plugin which enables you to switch a group of images (or Html content) with cool CSS3 powered transitions effects......
Carousel Content-slider

A simple implementation of responsive, mobile-friendly, off-canvas push menu using Html5, CSS3 and a little jQuery magic......
push-menu mobile-menu Off-Canvas-menu responsive-menu

A mobile App style off-canvas navigation menu using CSS3 transitions and a little bit of JavaScript (jQuery)......
side-menu off-canvas-menu

isAlive is a jQuery plugin used to create advanced, complex animations for your website using jQuery animation functions and CSS3 transitions......
easing transitions

A jQuery/HTML5/CSS3 based modal script to create simple, responsive, animated, and reuseable modal popups on your website/application......
Modal popup

Shiner is a minimal and easy-to-use jQuery plugin for creating a simple slideshow with cross-fading animations on your web page......
Image-Slider crossfade

A simple yet robust jQuery slideshow plugin which allows the visitor to circle through a set of photos with CSS3 slide animations......
Carousel

A really simple and lightweight jQuery carousel plugin that provides the basic functionalities of a carousel slider like infinite loop scroll, arrows navigation, CSS3 based slide transitions, and more......
Carousel

A fancy jQuery plugin used to generate beautiful date ribbons for your posts & articles, animated with CSS3 transitions and transforms......
Relative-Date Date

A jQuery, Html5, CSS3 based menu widget that popups an Arc (circle) menu around the toggle button, animated with CSS3 transitions......
circle-menu

Subtle hierarchical timing transition effect by adding specific delays for CSS3 transitions & transforms to a list of elements......
Material-Design

A basic, lightweight, cross-browser jQuery image slider/slideshow plugin that comes with CSS3 transition based sliding effects......
Image-Slider

Tiles Slider is a jQuery plugin for creating a responsive tiled image slider which allows to automatically swap images with CSS3 transitions and transforms......
Image-Slider Responsive

A jQuery & CSS3 transition based responsive clock to display your local time with clock numbers and animated time bars......
Responsive transitions

Transit is a simple and easy-to-use jQuery plugin that allows you to do smooth CSS transforms and transitions in jQuery......
transforms easing transitions

A nice-looking TV interface with a fancy TV shutdown effect when you click the toggle link, build in jQuery and CSS3 transitions & transforms......
transforms transitions

Yet another jQuery modal plugin that makes it easier to display Html content in a popup window with CSS3 transitions and transforms......
Modal transforms transitions

A SVG based hamburger button for App menu that comes with a cool CSS3 transition effect when clicked on......
SVG Hamburger-Button transitions

Wipe is a simple lightweight jQuery plugin for creating a basic responsive content slideshow that supports auto-rotation and CSS3 transition based sliding animations......
Responsive transitions

Revealing.js is a jQuery plugin to reveal your text letter-by-letter (or any Html blocks) with a custom fade-in animation based on CSS3 transitions, inspired from Secret App......
text-animation fade transitions

A cool Google+ app like pull-up effect bulit on top of jQuery and CSS3 transitions & transforms......
scrolling Viewport transforms transitions

Scransition is an ultra-light (1kb unminified) jQuery plugin to animate Html elements with CSS3 transitions when you scroll down the page......
scrolling transitions

A jQuery & CSS3 FAQ system that allows you to expand and collapse answer panels by clicking the questions......
FAQ transforms transitions

This is a simple jQuery script for creating a navigation bar with blurred background that allows you to open a full page animated navigation menu with CSS3 transitions and transforms......
Navigation transforms transitions

rocker is a jQuery plugin for creating a responsive, mobile-friendly multi-column navigation menu sliding from the bottom of the web page......
mega-menu Accordion-menu Navigation transitions

Notification Popup is a jQuery plugin allows you to create a full page, fully responsive and flat style notification box with subtle CSS3 transition effects......
Notification popup Responsive transitions

Yet another mobile-style navigation drawer plugin for easily implement an off screen sliding menu into your website......
mobile-menu slide-menu Responsive Navigation

Flip Carousel is a responsive jQuery carousel plugin that has the ability to flip carousel content like a card using CSS3 transitions, transforms, and perspectives......
Carousel Flip transforms transitions

Yet another jQuery plugin that makes it easy to flip an Html element like a card using CSS3 transition, transform, front and back properties......
Flip transforms transitions

TipsyAPI is a fully customizable jQuery tooltip plugin that supports dynamic content (text, images, videos, etc) and awesome transition effects......
transitions

nnmgrid is an interesting jQuery layout plugin for creating a diagonal grid layout with hover effects based on CSS3 transitions and transforms......
grid-layout grid transforms transitions

Skate is a responsive, touch-enabled, flexible jQuery slider plugin for creating an image slideshow/carousel/rotator with ease......
Carousel Image-Rotator Responsive transitions

Stupid Slider is a really simple and lightweight jQuery content slider/slideshow plugin that features CSS3 based transition effects......
Responsive CSS3 transitions

Background Cycle is a simple lightweight jQuery plugin that enables you to cycle through an array of background images within a given container......
background-slideshow background

An ultra-lightweight, fully responsive, cross-browser image slideshow with autoplay functionality and simple fade transitions, built with jQuery, CSS and 10 lines of javascript codes......
Responsive transitions

Pop is an easy and quick jQuery script that popups a simple clean tooltip box appending to any Html elements, with a basic CSS3 transition effect......
popup CSS3 transitions

RadioShow2 is a cool new jQuery plugin for showcasing your images in a responsive slideshow with amazing CSS3 animations......
Responsive transforms transitions

Assisted Scroll is a vertical jQuery slider plugin that allows you utilize mouse wheel to scroll through images with CSS3 transition based sliding effects......
image-scroller CSS3 transitions

Simple Tooltip is a super tiny (~1kb) jQuery plugin that enables you to attach a content rich tooltip bubble to any Html element, with a subtle transition effect......
transitions

Fullscreen Slider is a lightweight and simple plugin for creating a fullscreen slider with thumbnails and arrows navigation......
Fullscreen Thumbnail transitions

Text Rotator is a super tiny jQuery plugin used to sequentially or randomly rotate an array of text with 3D flip effects based on CSS3 transition, transform and perspective properties......
Flip text-rotator transforms transitions

humbleSlider is a responsive, customizable, touch-friendly jQuery image carousel slider plugin that features keyboard/swipe/arrows navigation, infinite loop, CSS3 transition support and much more......
Carousel swipe Responsive touch transitions

Just another jQuery menu plugin that enables you to convert ul list based dropdowns into a multi-column mega menu with hover intent and CSS3 transition effects......
mega-menu transitions

Wallop Slider is a flexible, mobile-first, multi-purpose image slider with amazing transition animations based on CSS3......
CSS3 transitions

CSS Slider is jQuery carousel/slider plugin which takes advantage of CSS3 transitions and transforms to animate the slides with next/prev controls and infinite looping support......
Carousel CSS3 transforms transitions

Menumucil is a jQuery plugin that reveals the hidden html content with a CSS3 based transition effect as a drop down......
Drop-Down CSS3 transitions

Timecube is a fancy jQuery timeline plugin that allows you to navigation through JSON based events by mouse or touch swipe in an animated 3D cube interface based on CSS3 perspective, transition and transform properties......
Flip Timeline 3D swipe transforms transitions

BoxRoll Slider is a slideshow plugin for jQuery that uses CSS3 transitions, transforms and perspectives to create a responsive image slideshow with 3D box flipping/rotating animations......
Flip 3D Responsive CSS3 transforms transitions

Rotation.js is a simple and customizable jQuery content rotator plugin for rotating any html elements with transition easing effects, a little similar to a slideshow......
CSS3 easing transitions

A text animation script based on jQuery and CSS3 transition to create animated letters that are jumping from the bottom to the top......
text-animation transitions

An easy and fast jQuery accordion plugin to expand/collapse Html content with CSS3 transition effects......
CSS3 transitions

hoverTransition is a light & easy jQuery plugin to create an animated image caption overlay that slides from any side of the image, depending on the direction of your mouse movement......
image-caption CSS3 easing transitions

Blindify is an easy jQuery plugin that enables you to create an image slideshow with vertical or horizontal blind transitions......
transitions blind

slydify is a lightweight and fast jQuery plugin for creating an image slideshow with support for slice transition and easing effects......
easing transitions

Wiper is a cool and fancy jQuery slider plugin that rotates and collapses the slides with amazing accordion-like CSS3 transitions and transforms......
CSS3 transforms easing transitions

Scooch is another jQuery slider plugin that makes it easy to create a customizable slider which supports any html elements within it......
swipe slide transitions