jQuery Plugin Directory

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

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

Billboard.js : JavaScript Chart library with D3

Billboard.js : JavaScript Chart library with D3

billboard.js is a re-usable easy interface JavaScript chart library, based on D3 v4+.

Core Java Script
Chart & Graph

QartJS : Generate artistic QR Code

QartJS : Generate artistic QR Code

This is a JavaScript that makes QR code less boring. With this, you can overlay the QR code over an image — such as your photo.

Core Java Script
Other Libraries

ModuloBox : NextGen Lightbox JavaScript Plugin

ModuloBox : NextGen Lightbox JavaScript Plugin

ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

html5
responsive
gallery
Premium
Core Java Script
Popup Window
Video & Audio

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

Mobiscroll Forms: Build amazing forms on desktop and mobile

Mobiscroll Forms: Build amazing forms on desktop and mobile

Mobiscroll Forms supports multiple themes for different platforms and the web – iOS, Android, Windows Phone.

forms
Core Java Script

Wraith : A responsive Screenshot Comparison Tool

Wraith : A responsive Screenshot Comparison Tool

Wraith is a screenshot comparison tool, created by developers at BBC News.Wraith uses a headless browser to create screenshots of webpages on different environments (or at different moments in time) and then creates a diff of the two images; the affected areas are highlighted in blue.

Core Java Script
Other Libraries

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