Advertise here

jQuery Plugins Tagged ‘animation’

Flubber – Tools for Smoother Shape Animations

June 18, 2017     463     Animation
Flubber – Tools for Smoother Shape Animations

Flubber is a library to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation.

Read More »

Letter Effects and Interaction Ideas

June 07, 2017     600     CSS3 & CSS Effects Animation
Letter Effects and Interaction Ideas

A couple of ideas for typography animations and letter (hover) effects for playful interactions. Anime.js is used to create animations.

Read More »

Playful Little Tooltip Ideas with SVG and Anime.js

June 02, 2017     687     Tooltip
Playful Little Tooltip Ideas with SVG and Anime.js

Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, shape morphing and transform used.

Read More »

t-scroll – Modern Reveal-On-Scroll Library With Animations

June 01, 2017     970     Scroll
t-scroll – Modern Reveal-On-Scroll Library With Animations

t-scroll is a modern reveal-on-scroll library with useful options and animations.

  • Fully Customisable : Over 45 options. Easy for novice users and even more powerful for advanced developers.
  • SASS / CSS3 : t-scroll ships with vanilla Sass. Quickly get started with precompiled CSS or build on the source.
  • Gulp : t-scroll had is built by gulp

Read More »

AniX – Super Easy and Lightweight Transitions Animation Library

May 29, 2017     681     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 »

On-Scroll Morphing Background Shapes

May 24, 2017     1005     Scroll Effects Animation
On-Scroll Morphing Background Shapes

A decorative website background effect where SVG shapes are morphing and transforming on scroll.

The animations are powered by anime.js

Read More »

Folder Preview Ideas using CSS and Javascript

May 17, 2017     1026     Animation
Folder Preview Ideas using CSS and Javascript

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.

Read More »

Infinite Tubes with Three.js

May 09, 2017     1139     Effects Animation
Infinite Tubes with Three.js

A tutorial about creating some WebGL experiments where the viewer seemingly travels through a textured tunnel powered by Three.js 

Read More »

Ember Burger Menu – Off-Canvas Sidebar Component with CSS Animations

May 02, 2017     2150     CSS3 & CSS Menu Animation
Ember Burger Menu – Off-Canvas Sidebar Component with CSS Animations

Ember Burger Menu is an off-canvas sidebar component with a collection of animations and styles using CSS transitions.

Read More »

Inspiration for Grid Loading Animations

April 11, 2017     1135     Animation Grid & Layout
Inspiration for Grid Loading Animations

A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.

Masonry for the grid layout and anime.js for the animations used in this tutorial.

Read More »

Foxholder – 15 Placeholder Form Animations with jQuery

March 28, 2017     1043     CSS3 & CSS Form Elements Animation
Foxholder – 15 Placeholder Form Animations with jQuery

Foxholder is a pack of 15 unique placeholder animations created by using jQuery.

List of Features

  • Smooth and professional-looking CSS3 animations for placeholder
  • 15 unique effects
  • Easy to install
  • Crossbrowser Effects (IE 9+, Safari 9+, FF, Opera, Chrome, Edge)

Read More »

Expanding Bar Navigation Concept with Javascript

March 24, 2017     742     CSS3 & CSS Animation
Expanding Bar Navigation Concept with Javascript

An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.

Read More »

Inspiration for Search UI Effects with CSS Animations and Javascript

February 08, 2017     1675     CSS3 & CSS Effects Animation
Inspiration for Search UI Effects with CSS Animations and Javascript

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations and javascript.

There are 11 different examples of search effects that you will find it inspirational.

Read More »

Animated Weather Cards with CSS and Javascript

January 16, 2017     1683     Animation
Animated Weather Cards with CSS and Javascript

A tutorial about creating seamless animation between weather states, and some of animations break outside the container by using css and javascript.

Read More »

Bootstrap Modal and Popover with Velocity.js Animation

January 10, 2017     1323     Modal & Overlay Bootstrap
Bootstrap Modal and Popover with Velocity.js Animation

Bootstrap Modal and Popover examples with animations by using Velocity.js

Here are animation types: 

fadeIn, flipXIn, flipYIn, flipBounceXIn, flipBounceYIn, swoopIn, whirlIn, shrinkIn, expandIn, bounceIn, bounceUpIn, bounceDownIn, bounceLeftIn, bounceRightIn, slideUpIn, slideDownIn, slideLeftIn, slideRightIn, slideUpBigIn, slideDownBigIn, slideLeftBigIn, slideRightBigIn, perspectiveUpIn, perspectiveDownIn, perspectiveLeftIn, perspectiveRightIn, shake, tada, swing, bounce, flash, pulse

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish