Advertise here

jQuery Plugins Tagged ‘flip’

Menu To Grid Layout Animation

September 22, 2022     723     Menu Effects Animation
Menu To Grid Layout Animation

A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid using GSAP's Flip plugin.

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 »

Responsive Flip Pricing Table with jQuery and CSS

November 13, 2016     2901     CSS3 & CSS Responsive Tables
Responsive Flip Pricing Table with jQuery and CSS

A tutorial about creating Responsive Flip Pricing Table to view month or year price by using jQuery and CSS.

Read More »

Flippant.js – Javascript Library for Flipping Elements

May 13, 2015     2072     Effects Animation
Flippant.js – Javascript Library for Flipping Elements

Flippant.js is a mini dependancy-less UI lib for flipping over DOM nodes.

Features:

  • Flippant is tiny. It does just enough and no more. It has zero dependencies.
  • Flippant is easily customized. A couple of arguments, and CSS.
  • Flippant has a single function: flippant.flip

Read More »

iSlider – Smooth Slider for Mobile and Web Apps

November 06, 2014     8204     Slider
iSlider – Smooth Slider for Mobile and Web Apps

iSlider is a smooth slider for Mobile WebApp, HTML5 App, Hybrid App.

Features

  • Animation can be customized with user defined functions (rotate, 3d, default).
  • You can easily hook to a plethora of custom events (onslidestart, onslide, onslideend, onslidechange)
  • Damping effect, Infinite Looping, Autometic sliding and Vertical/Horizontal Sliding can be configured.

Read More »

Flip Out Cards – Dynamic Multi Level Flip Out Cards

June 01, 2014     2789     Effects
Flip Out Cards – Dynamic Multi Level Flip Out Cards

Flip Out Cards is a jQuery plugin that create a dynamic multi level flip out cards.

Read More »

Flip-Quote – Create Pull-Quote That Flips on Scroll

February 07, 2014     7184     CSS3 & CSS Scroll Effects
Flip-Quote – Create Pull-Quote That Flips on Scroll

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

Read More »

flipCountDown – jQuery Clock/Timer Plugin in Retro Flip Countdown Style

December 12, 2013     19052     Date & Time Effects
 flipCountDown – jQuery Clock/Timer Plugin in Retro Flip Countdown Style

flipCountDown is a jQuery clock / timer / countdown plugin in retro flip-count down style.

For sizing, it's possible to use Bootstrap sizes notation.

Read More »

flipGallery – jQuery Powered Animated Photo Gallery

June 12, 2013     10975     Gallery Effects
flipGallery – jQuery Powered Animated Photo Gallery

flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements.

Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

Read More »

FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

May 27, 2013     16055     CSS3 & CSS Date & Time Effects
FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.

Features

  • Use as a clock
  • Use as a timer
  • Use as a countdown
  • Themeable using pure CSS
  • Clean & Dry Syntax
  • Abstract everything into reusable objects
  • Full-Featured Developer API to create custom “Clock Faces”

Read More »

Flip – Flipboard Like Effect for jQuery & jQuery Mobile

May 14, 2013     20380     CSS3 & CSS Mobile Effects
Flip – Flipboard Like Effect for jQuery & jQuery Mobile

Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.

Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.

Read More »

Flipping Circle Slideshow

January 28, 2013     3307     Slider CSS3 & CSS
Flipping Circle Slideshow

Flipping Circle Slideshow is an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click.

There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

Read More »

BookBlock – Content Flip jQuery Plugin

September 06, 2012     6539     Effects Animation
BookBlock – Content Flip jQuery Plugin

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a "page flip" navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

Read More »

3D Flipping Circle with CSS3 and jQuery

July 23, 2012     4525     CSS3 & CSS
3D Flipping Circle with CSS3 and jQuery

Here you ll learn how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories.

We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Read More »

Flip! – jQuery Plugin to Apply Flip Animation

June 24, 2012     2975     Animation
Flip! – jQuery Plugin to Apply Flip Animation
Flip is a jQuery plugin that will flip easily your elements in four directions.

Read More »