Best jQuery Core Java Script Plugins & Tutorials with Demo

    Splitting : JavaScript microlibrary to Split an element by Words & Characters

    Splitting : JavaScript microlibrary to Split an element by Words & Characters

    Splitting is a JavaScript microlibrary to split an element by words, characters, children and more, populated with CSS variables!

    Most Splitting methods utilize a series of <span>s populated with CSS variables and data attributes unlocking transitions and animations that were previously not feasible with CSS.

    Micron.JS : MicroInteraction library with CSS Animations & JavaScript

    Micron.JS : MicroInteraction library with CSS Animations & JavaScript

    Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript.

    Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.

    Html to PDF Javascript Library

    Html to PDF Javascript Library

    Get PDF From HTML, HTML String or HTMLElement with this Javascript library.

    Simple Data Table with JavaScript

    Simple Data Table with JavaScript

    Lightweight and simple data table with no dependencies.

    Features:

    • Display data (array with objects) in simple table
    • Lazy loading of data (you can load data whenever you can)
    • Support custom skins
    • Small size of package
    • No dependencies
    • Support custom events (update, add, remove)
    • Fluent API
    • Recognize data in input and change input type

    Between.js : Lightweight JavaScript (ES6) Tweening library

    Between.js : Lightweight JavaScript (ES6) Tweening library

    Between.js is a lightweight JavaScript (ES6) tweening library.Make tweening usage convenient and powerful. There are certain things that we were following while developed this library, we wanted to make it:

    • Lightweight – The library is only 8.3 Kb
    • Performant – It uses optimization patterns to speed up & smooth animation.
    • Modern – The library is written in ES6

    Slide Out Box Menu with CSS Grid & TweenMax

    Slide Out Box Menu with CSS Grid & TweenMax

    Today we’d like to share a little menu with you. The idea is to reveal the boxes of a grid individually from the top right corner of the page similar to the Expanding Grid Menu we did a while back. The animations are powered by TweenMax.

    Flipping : Flipping Awesome Animations Library

    Flipping : Flipping Awesome Animations Library

    Flipping is a library and collection of adapters for implementing FLIP transitions.

    Demo1 Demo2 Demo3

    Motion Reveal Slideshow with CSS & TweenMax Js

    Motion Reveal Slideshow with CSS & TweenMax Js

    Today we’d like to share another slideshow with you. The idea is to have a bit more of motion when navigating between the slides and showing another preview part with a fullscreen image.The animations are powered by TweenMax.

    slowNumber.js : Simplest and fastest way of Animating your Numbers

    slowNumber.js : Simplest and fastest way of Animating your Numbers

    slowNumber.js is a simplest and fastest way of animating your numbers.You can set how much frames per second your animation will have.Focusing on fps, it doesn’t spend resources unnecessarily changing the numbers.

    Animate any number

    • Content
    • SVG properties
    • CSS properties

    Popbox.js : JavaScript Stackable Modals Plugin

    Popbox.js : JavaScript Stackable Modals Plugin

    Popbox.js is a tiny javascript plugin for creating stackable modals. It is fully customizable and dependency free.