Best jQuery Plugins Plugins & Tutorials with Demo

    Textroll.js : jQuery Animated Text Effect Plugin

    Textroll.js : jQuery Animated Text Effect Plugin

    Textroll.js is a jQuery plugin for adding some scroll effect to text.

    Scalem : jQuery plugin to make any Element Scalable

    Scalem : jQuery plugin to make any Element Scalable

    Scalem, short for scale elements or slang for scale ’em, is a light-weight responsive text jQuery plugin inspired by FlowType. Use it to “liquify” elements on your website so that they scale relative to the width of their parent element or, optionally, any element you specify (see Options below). Scalem is not just limited to text size—it can be used to scale any CSS style that takes a numeric unit such as px, em, or %.

    SParallax : jQuery Parallax Effects Plugin

    SParallax : jQuery Parallax Effects Plugin

    SParallax is a responsive Jquery plugin that allows you to bind element transitions to the native vertical scroll bar of any web browser, thus allowing you to create parallax effects that are only limited by your imagination.

    jQuery Video Background plugin

    jQuery Video Background plugin

    HTML5 video background jQuery plugin.Will place a resizable video in to the background of the page or designated element. Browsers that don’t support the HTML5 video element will get an image if a poster image was provided.

    If the containing element’s width and height does not match the aspect ration of the video, the video will not stretch to fill the container but will render based on the largest dimension.

    Highlighting Text in Textarea with jQuery plugin

    Highlighting Text in Textarea with jQuery plugin

    jQuery plugin for highlighting text in textarea.

    Splitchar.js : jQuery Plugin to Style Half Character

    Splitchar.js : jQuery Plugin to Style Half Character

    Splitchar is an easy to use jQuery plugin that allows you to style half of a character.Style and design the first, second or both halves of a character.

    Wysiwyg.js : jQuery Wysiwyg Editor

    Wysiwyg.js : jQuery Wysiwyg Editor

    ‘wysiwyg.js’ is a (minified) 12k contenteditable-editor with no dependencies. There is also a (minified) 10k jQuery-plugin ‘$.wysiwyg()’ to create a full-featured editor.It does only:

    • Transforms any HTML-element into contenteditable
    • onselection-event: e.g. to open a toolbar
    • onkeypress-event: e.g. to handle hotkeys
    • onplaceholder-event: show/hide a placeholder
    • .bold(), .forecolor(), .inserthtml(), … functions

    okzoom : jQuery Magnifying Zoom Plugin

    okzoom : jQuery Magnifying Zoom Plugin

    OKZoom is a jQuery plugin that produces a portable loupe of variable size and shape. All other jQuery ‘zoom’ plugins we have encountered implement a square magnifying area. Ours is a circle.

    scrollMonitor : jQuery Plugin to Monitor scrolling Elements

    scrollMonitor : jQuery Plugin to Monitor scrolling Elements

    The scroll monitor allows you to receive events when elements enter or exit the viewport. It does this using watcher objects, which watch an element and trigger events. Watcher objects also contain information about the element they watch, including the element’s visibility and location relative to the viewport.

    The code is based on vanilla javascript and has no external dependencies. Except if you want to put it in the head of the document, then you’ll need jQuery for the DOMContentLoaded event.

    Demos:

    Unite Gallery : Responsive jQuery Gallery Plugin

    Unite Gallery : Responsive jQuery Gallery Plugin

    The Unite Gallery is multipurpose javascript gallery based on jquery library. It’s built with a modular technique with a lot of accent of ease of use and customization. It’s very easy to customize the gallery, changing it’s skin via css, and even writing your own theme.

    Features:

    • The gallery play VIDEO from: Youtube, Vimeo, HTML5, Wistia and SoundCloud (not a video but still )
    • Responsive – fits to every screen with automatic ratio preserve
    • Touch Enabled – Every gallery parts can be controlled by the touch on touch enabled devices
    • Responsive – The gallery can fit every screen size, and can respond to a screen size change.
    • Skinnable – Allow to change skin with ease in different css file without touching main gallery css.
    • Zoom Effect – The gallery has unique zoom effect that could be applied within buttons, mouse wheel or pinch gesture on touch – enabled devices
    • Gallery Buttons – The gallery has buttons on it, like full screen or play/pause that optimized for touch devidces access
    • Keyboard controls – The gallery could be controlled by keyboard (left, right arrows)