Best jQuery Plugins Plugins & Tutorials with Demo

    dna.js : Uncomplicated User Interface library for Semantic Templates

    dna.js : Uncomplicated User Interface library for Semantic Templates

    dna.js is a lightweight easy-to-use UI library for jQuery enabling developers to rapidly build maintainable JavaScript applications.  You write semantic templates and then dna.js converts your JSON data into dynamically generated DOM elements.

    Turn Static web sites into dynamic Web Apps : hy-push-state

    Turn Static web sites into dynamic Web Apps : hy-push-state

    hy-push-state is a web component that lets you turn web pages into web apps. The component dynamically loads new content (formerly known as “ajax”) and inserts it into the current page, without causing Flash of White, Flash of Unstyled Content, etc.

    hy-push-state is similar to pjax and smoothState, but offers a more advanced pre-fetching logic and gives you more control over its internals to enable advanced page transition animations.

    When.datepicker : Date Range Picker Plugin

    When.datepicker : Date Range Picker Plugin

    When is a small Date Range Picker plugin for your website, which runs without any frameworks. It can be used as a single date or range selection picker. Can be shown inline or used as a dropdown attached to an input. The plugin is very lightweight plugin (less than 15kb minified and gzipped).

    Features:

    • Fully Customizable
    • Inline Support
    • 100+ Languages
    • Less than 15kb
    • Disabling dates in a specific range
    • Single Date Support
    • Powerful API
    • Fast month and year navigation

    Google Geocomplete jQuery Plugin

    Google Geocomplete jQuery Plugin

    This plugin generates an autocomplet from an input field, so that you can retrieve an address and its associated geodata from Google and fill it into input fields.

    hy-drawer : Touch-enabled Drawer Component

    hy-drawer : Touch-enabled Drawer Component

    hy-drawer is a touch-enabled drawer component for the modern web. It focuses on providing a fun, natural feel in both the Android and iOS stock browser, while being performant and easy to use. It is the perfect companion for mobile-first web pages and progressive web apps.

    Bootstrap 4 Modal Responsive jQuery Plugin

    Bootstrap 4 Modal Responsive jQuery Plugin

    Bootstrap 4 Modal Responsive jQuery Plugin is a set of different modals and popups those contains carousel, sliders, forms, adds banners, videos etc with advanced options.

    Features:

    • Compatible With Bootstrap 4
    • Compatible With Bootstrap 3
    • Multiple Columns Support
    • 100% Responsive And Mobiles friendly
    • Support Bootstrap Columns Grid System
    • 33+ pre-built layouts and examples
    • 35+ Animation Effects
    • Support 9 Positions To Display

    Instacam : jQuery Instant Canvas Video Plugin

    Instacam : jQuery Instant Canvas Video Plugin

    Instacam is a jQuery plugin to perform instant canvas video through the WebRTC API with a fresh touch of CSS filters.The plugin is compatible with browser that natively support the HTML5 canvas tag, requestAnimationFrame API, HTMLMediaElement API, navigator.mediaDevicesand Promises API. The CSS filtering requires the CSS filter features to properly work.

    UI Snippet for Checkboxes

    UI Snippet for Checkboxes

    UI Snippet for Checkboxes with css and javascript.

    flxMenu : jQuery Dropdown Navigation Plugin

    flxMenu : jQuery Dropdown Navigation Plugin

    The flxMenu plugin is a responsive, cross-browser jQuery plugin that helps you create dropdown navigation for both desktop and mobile devices.

    Features:

    • automatically switches to a mobile-friendly toggle menu when the window width reaches a specified breakpoint.
    • supports infinite levels of sub menus.
    • supports multi-column dropdown navigation.
    • popup menu slides in from top, left or right hand side.
    • accordion-style menu where all the menu items will be collapsed into a dropdown toggle menu on small screens.
    • supports keyboard navigation in desktop mode.

    jQuery Header Scroll Effect Plugin

    jQuery Header Scroll Effect Plugin

    The scroll effect header is a kind of parallax whose difference lies in the change, if parallax usually occurs because of the movement of two objects, while this is changing and moving. Obviously if the scroll header will change blur, sepia or other effects follow movement scroll.

    Features

    • Valid All HTML5
    • Valid CSS
    • Responsive
    • All Filter Scroll Effect
    • Bonus Effect Margin and Border Radius