Best jQuery Core Java Script Plugins & Tutorials with Demo

Full Image Reveal Effect with TweenMax Animation

Full Image Reveal Effect with TweenMax Animation

Today we’d like to share a simple fullscreen image reveal effect with you. The idea is to have an inital thumbnails layout at the bottom of the page and then animate the items when we click them. A covering element comes sliding in and when it moves out, the fullscreen image view is shown behind. We are using TweenMax for the animations.

liike.js : Tiny JavaScript Tweening Library

liike.js : Tiny JavaScript Tweening Library

Liike is a Finnish word and means movementmotion. It’s a minimalistic library to create performant custom JS tweens no matter what you’re tweening.

When you create a tween, Liike will create a single render loop on-demand for every tweens running and use DOMHighResTimeStamp (provided by requestAnimationFrame), which should be accurate to 5 µs. If the delay is 0, Liike will start the tween at the next animation frame and count the duration from there.

Vivid.Js : JavaScript Library to use SVG Icons

Vivid.Js : JavaScript Library to use SVG Icons

Vivid.JS is a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.

Motus : Scrolling Animation Library

Motus : Scrolling Animation Library

Motus is a animation library that mimics CSS keyframes when scrolling.

Priority Nav Scroller with JavaScript

Priority Nav Scroller with JavaScript

Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls.

Collapsing Logo Effect with JavaScript

Collapsing Logo Effect with JavaScript

Today we’d like to share a little collapsing logo effect with you. The idea is to have an initial view that scales down to a logo in the top left corner of the page. The logo can then be clicked again to expand it to the initial view. The effect is a recreation of the one seen on PracticalVR.

Parallax Color Bars with JavaScript

Parallax Color Bars with JavaScript

Amazing animated color bars parallax effect on black & white image while page scrolling.In parallaxColorBars you can now add settings using the data-parallax-color-bar attribute. You still need to call $(element).parallaxColorBars() to initialize parallaxColorBars on the element.

News Ticker – Live News Headlines and Articles from Google News

News Ticker - Live News Headlines and Articles from Google News

This is a very modern Responsive Live News Headlines Strip Design. now you can use any website or landing page. this is multipurpose item. if can choose any one integrate your website or template. we are giving Google News Api with continues and live news strip design. It is Fixed on header. each strip have unique design. our item have five top news api strip design header . you can choose any one. This strip is design in fully responsive bootstrap 3.0 framework.

Features:

  •  100% Responsive Layout
  • – Live News Upadate
  • – Google News Display/li>
  • – 137 news source intigration
  • – Many Animation Effect
  • – Documentation included
  • – Clean Design and Code
  • – Easy to Customize
  • – Bootstrap Framewrok 3.0
  • – Fixed Google News Api at header
  • – Cancel this any time

nanoJS : JS library for DOM Manipulation

nanoJS : JS library for DOM Manipulation

nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

Because is so small and simple you can add or remove methods directly in the library, meaning is very customizable. All methods are unrelated so removing one will not affect the library in any way (except each method).

Dinero.js : JavaScript library for Monetary Values

Dinero.js : JavaScript library for Monetary Values

Dinero.js is a library for working with monetary values in JavaScript.

Features:

  • Immutable and chainable API.
  • Global settings support.
  • Extended formatting and rounding options.
  • Native Intl support (no additional locale files).
  • Currency conversion.