Best jQuery Core Java Script Plugins & Tutorials with Demo

Tippy.js : Vanilla JS Tooltip Library

Tippy.js : Vanilla JS Tooltip Library

Tippy.js is a lightweight, vanilla JS tooltip library powered by Popper.js.

Filepond : Flexible JavaScript File Upload Plugin

Filepond : Flexible JavaScript File Upload Plugin

Filepond  is a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

iFlow : JavaScript powerful State Management Framework

iFlow : JavaScript powerful State Management Framework

iFlow is a concise & powerful state management framework, iFlow has no dependencies and it’s very small(5k).It’s dynamic and extensible, you can directly use it to add, delete and reassign the state/action. It completely supports plain class and function based on mutable data structures, and be easy to OOP.

Features:

  • Plain class and function – Simple, capable of designing various state structure.
  • Store tree compose – Store tree is easy to share and operate.
  • Dynamic and hot-swapping – Both the state and action can be directly and freely changed.
  • Async function and other type of functions – Any actions will be composed or invoked internally.
  • Powerful middleware – Middleware can handle any store change event.
  • Store support immutable – Store is supported to be processed into a immutable store.

Animated Fragment Slideshow with Anime.js & Pieces

Animated Fragment Slideshow with Anime.js & Pieces

Today we’d like to show you how to create a playful slider with an original fragmented look. Each element of the slider will be divided into pieces that will animate in different ways, using Pieces, a library that I’ve created for achieving interesting effects like these easily.

Carbon : Create and Share beautiful Images of your Code

Carbon : Create and Share beautiful Images of your Code

Create and share beautiful images of your source code.Start typing or drop a file into the text area to get started.

Features:

  • Import from GitHub gist. Simply append a GitHub gist id to the url
  • Customization. Customize things like your image’s syntax theme, window style, and more
  • Share quickly. Save your image or Tweet a link with one click

Scrolling Letters Animation with Anime.js

Scrolling Letters Animation with Anime.js

A switching title effect where a fixed text element changes with an animation depending on the scroll position.Recently we’ve stumbled upon a really nice effect on Akademi’s website: the main title of the page moves along as one scrolls down and changes depending on the section that is currently in the viewport. We thought this would be an awesome effect to recreate and play with different animations for the text as it changes. For detecting when a certain section is entered, we use the Intersection Observer API. Note that the API is currently not supported in Safari.

Popmotion : JavaScript Reactive Animation Library

Popmotion : JavaScript Reactive Animation Library

Popmotion is a functional, reactive JavaScript motion library.It allows developers to create animations and interactions from actions.Actions are streams of values that can be started and stopped, like tweens, physics and pointer input.

Actions are unopinionated, so those values can be used to create animations with CSS, SVG, React, Three.js… any API that accepts a number as an input.

Slice Revealer : Simple Reveal Animation with Anime.js

Slice Revealer : Simple Reveal Animation with Anime.js

Today we’d like to share a simple reveal animation.The idea is to cover and uncover an image with slices to either hide or show it. The slices can be vertical or horizontal and can come from different directions. Playing with the number of slices, delays and colors, creates a plethora of possible looks for this effect.We are using anime.js for the animations.

Xcell : Spreadsheet-like Calculations in JavaScript

Xcell : Spreadsheet-like Calculations in JavaScript

Xcell is a tiny, open source (MIT) library for building reactive, spreadsheet-like calculations in JavaScript.

TimezZ : Fast Timer plugin for Countdown

TimezZ : Fast Timer plugin for Countdown

Fast timer plugin for countdown and count forward. With this plugin you can easily put a timer on your site, it works both ways. You can use two version, one version is the version for modern browsers with the standards of the ES2017 and the version for old browsers with ES2015 standards. Using the config you can change the tags as letters and numbers, you can also change the text output next to the numbers.