Best jQuery Core Java Script Plugins & Tutorials with Demo

    JsMorph : JavaScript Motion framework

    JsMorph : JavaScript Motion framework

    jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

    jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

    Bounce.js : CSS3 Keyframe Animation Generator

    Bounce.js : CSS3 Keyframe Animation Generator

    Create tasty CSS3 powered animations in no time. Bounce.js is a tool for generating tasty CSS3 powered keyframe animations.

    Tweetlight : Display Tweets with pure JavaScript & PHP

    Tweetlight : Display Tweets with pure JavaScript & PHP

    Display your latest tweets with pure JavaScript and PHP OAuth Library.

    Revolution Lightbox with JavaScript & CSS3

    Revolution Lightbox with JavaScript & CSS3

    Revolution Lightbox is a full blown multimedia responsive lightbox that runs on all major browsers and mobile devices like iPhone, iPad, iOS, Android and Windows8. It has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, AJAX, HTML content, Google maps and flash.

    Revolution Lightbox has high performance using OOP code and the latest CSS3 techniques, ready for mobile with swipe support, very flexible, easy to setup and extremely customizable. The playlists / content can be created using simple HTML markup or JSON, plus the visual and programmatic settings can be modified at runtime, this allows to have different themes with various settings in the same.

    jLayout : JavaScript Layout Algorithms

    jLayout : JavaScript Layout Algorithms

    he jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen.

    Draggable Dual-View Slideshow with JavaScript

    Draggable Dual-View Slideshow with JavaScript

    An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.There are different techniques that would allow for such a layout; we tried to re-create this slideshow concept by using the Dragdealer.js library and 3D transforms. The main idea is to translate the slider on the Z axis, allowing it to be either fullscreen or of a smaller carousel size. By switching the actual size of the slideshow and removing the transforms when they are not needed anymore, we allow the slideshow to have a “real” size (i.e. 25% of the window). For the content part, we slide everything up and reveal a scrollable area.

    Trigons – Create and Animate Abstract SVG Images

    Trigons - Create and Animate Abstract SVG Images

    Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animations

    Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for creating colored and animated abstract images. No jQuery needed.

    Features:

    • The exclusive feature of Trigons images, that they can be animated with 30 built-in effects.
    • Created Trigons SVG images can be responsive.
    • Retina perfect
    • Flexible and powerful settings
    • Works in all modern browsers
    • Any color, any size
    • Clean bright or flat colors or gradients
    • Build-in Color Palette Generator
    • Convert to PNG
    • Use it as “background-image”
    • Dynamic add, update, animate and convert with 7 JavaScript methods
    • Click, Hover and “Viewport” events
    • Separate “In” and “Out” Animations
    • “Force” Animation Methods
    • Use it via JavaScript and/or via HTML5 data attributes

    Instajam : JavaScript wrapper for the Instagram API

    Instajam : JavaScript wrapper for the Instagram API

    Instajam is a JavaScript wrapper for the Instagram API. You provide the access token, we provide the jam. (And Instagram provides the gram. Or the pictures. Or… whatever.)

    Cube.js : Fancy Rotating CSS3 Cube script

    cube.js : Fancy Rotating CSS3 Cube script

    cube.js is a light script which allows you to add a fancy rotating CSS3 cube to your page!

    Flat Surface Shader with JavaScript & SVG

    Flat Surface Shader with JavaScript & SVG

    Flat Surface Shader for rendering lit triangles to a number of contexts written in JavaScript  including WebGL, Canvas 2D and SVG.