jQuery Plugin Directory

Flip Box : jQuery Bootstrap Flipping Card

Flip Box : jQuery Bootstrap Flipping Card

Flip Box is a simple and easy customizable flip animation. It’s made with Bootstrap responsive design and some awesome animations. It’s solution for creating beautiful Flip Boxs or Flip Cards without customize any javascript code. It has 12+ Layouts, Click Flip Effect, Hover Flip Effect, Vertical & Horizontal Flip and other lots of customization options and can be easily integrated to any website.

animation
Premium

AOS : Animate on Scroll JavaScript Library

AOS : Animate on Scroll JavaScript Library

Aos is a small library to animate elements on your page as you scroll.

animation
Core Java Script

rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

Performs a smooth 2D/3D transition from one HTML element A to another element B.

animation
slider
css3
CSS2
0

Letter Effects and Interaction Ideas with CSS

Letter Effects and Interaction Ideas with CSS

Today we’d like to share four typography animations with you. Letters are such a great thing to play with and they allow for so many interesting interactions and effects to enhance a design and make decorative headlines stand out. For some animations we use anime.js. Charming.js helps us with the needed structure for the letters. We use some modern CSS properties like CSS Grid and CSS Variables in the demos, so please view them with a capable browser.

animation
css3
Core Java Script
CSS2
0
Text Effect

flubber : Tools for Smoother Shape Animations

flubber : Tools for Smoother Shape Animations

flubber is a tools for Smoother Shape Animations.Some best-guess methods for smoothly interpolating between 2-D shapes.

animation
Core Java Script
SVG Tutorial

Playful Little Tooltip Ideas with SVG & JavaScript

Playful Little Tooltip Ideas with SVG & JavaScript

Today we’d like to share a couple of simple tooltip animation ideas with you. The tooltips have different shapes mostly made of SVGs and we are animating them with anime.js. Some of these bouncy fellas use SVG path morphing, others transforms and one is a simple text effect.

animation
Core Java Script
SVG Tutorial

Warp drive : jQuery HTML5 canvas based Starfield effect.

Warp drive : jQuery HTML5 canvas based Starfield effect.

Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

html5
animation

On-Scroll Morphing Background Shapes with SVG

On-Scroll Morphing Background Shapes with SVG

Today we’d like to share a little background effect with you. The idea is to animate a decorative SVG shape on scroll. The shape is morphing into different forms depending on the section we are currently viewing. The animations are powered by Julian Garnier’s anime.js and the scroll detection is supported by Stu Kabakoff’s scrollMonitor.js.

animation
Core Java Script
SVG Tutorial

Folder Preview Ideas with CSS

Folder Preview Ideas with CSS

oday we’d like to share some fun little hover effects with you. The idea is to show a preview animation for folders. The animations are intended as a fun micro-interaction that give the user some kind of hint of what’s inside the hovered folder. We are using anime.js to power the animations.

animation
css3
Core Java Script
CSS2
0

AnimateMate : Create your animations directly in Sketch

AnimateMate : Create your animations directly in Sketch

Create your animations directly in Sketch using AnimateMate.

animation
Core Java Script