Best jQuery Core Java Script Plugins & Tutorials with Demo

    Drop.js : Javascript and CSS library for Creating Dropdowns

    May 18, 2014 | Core Java Script, CSS2 / CSS3.0
    Drop.js : Javascript and CSS library for Creating Dropdowns

    Drop is a Javascript and CSS library for creating dropdowns and other popups attached to elements on the page. Drop uses Tether.js to efficiently position its elements.

    Features:

    • Drops automatically reposition on page resizes and scrolls, reorienting to stay in view.
    • Drop uses GPU accelerated positioning to maintain 60fps scrolling, even with dozens or hundreds of drops on screen and complex animation
    • Drops can be nested within other drops
    • Drops can be attached to any of 12 attachment points on the target, or you can leverage the full power of Tether to position your drop anywhere.
    • Drops can be configured to open when the user clicks or hovers.
    Read More Demo

    Shepherd : Guide your users through a Tour of your App

    May 17, 2014 | Core Java Script, Web
    Shepherd : Guide your users through a Tour of your App

    Shepherd is a javascript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps.

    Tether makes sure your steps never end up off screen or cropped by an overflow. Try resizing your browser to see what we mean. Shepherd supports IE9+ and all modern browsers.

    Read More Demo

    Trianglify : JavaScript Poly style Background Generator

    May 6, 2014 | Core Java Script, SVG Tutorial
    Trianglify : JavaScript Poly style Background Generator

    Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.

    Read More Demo

    Shape-Shifter with JavaScript

    May 4, 2014 | Animation, Core Java Script
    Shape-Shifter with JavaScript

    shape-shifter is an all-in-one icon element that can morph into different shapes. Pretty cool for animated icons but works for static icons, too!

    Read More Demo

    Shine.js : A JavaScript library for Pretty Shadows

    April 22, 2014 | Core Java Script
    Shine.js : A JavaScript library for Pretty Shadows

    Shine.js is javascript library for pretty shadows.

    Features:

    • Dynamic light positions
    • Customizable shadows
    • Uses text or box shadows based on content
    • Works in browsers that support textShadow or boxShadow and auto-prefixes if necessary
    Read More Demo

    Royal Video Player with HTML5 & JavaScript

    April 18, 2014 | Core Java Script, HTML5, Premium, Responsive, Video & Audio
    Royal Video Player with HTML5 & JavaScript

    Royal Video Player is a powerful responsive video player that can play local videos, streaming videos from a server or Youtube videos. It only requires the mp4 format (the best and most used format on the web) and it will work on mobile devices and desktop machines no matter which browser is used including older browsers like IE7/IE8, this is made possible by incorporating four video engines into the Royal Video Player, basically it has built-in a HTML5 Youtube video engine, normal video engine, flash Youtube video engine and flash normal video engine. Royal Video Player supports unlimited playlists and each playlist can have unlimited videos. The playlists can be loaded from a simple HTML markup, XML file, video folder or youtube playlist.

    Read More Demo

    Powerange : iOS 7 style range slider

    April 16, 2014 | Core Java Script, Slider
    Powerange : iOS 7 style range slider

    Powerange is a range slider control, inspired heavily by iOS 7 and the “Power Rangers” TV series. It is easily customizable, both by CSS and JavaScript. With it’s many features, including changing color and overall style, switching between horizontal and vertical style, custom min, max and start values, custom step interval, displaying decimal values, displaying icons instead of min/max numbers, it is a really powerful UI tool to use on your website.

    Read More Demo

    Switchery : iOS 7 Style Switches for your Checkboxes

    April 13, 2014 | Core Java Script, Forms
    Switchery : iOS 7 Style Switches for your Checkboxes

    Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.

    Read More Demo

    Sticker.js : Javascript library to Create a Sticker Effect

    April 13, 2014 | Core Java Script, CSS2 / CSS3.0
    Sticker.js : Javascript library to Create a Sticker Effect

    A Javascript library that allows you to create a Sticker Effect.It creates the necessary HTML elements in the target and add the sticker effect using CSS3.

    Read More Demo