Best jQuery Web Plugins & Tutorials with Demo

Pill : Add Dynamic Content Loading to Static sites

Pill : Add Dynamic Content Loading to Static sites

Pill adds dynamic content loading to static sites and makes content loading smooth for users. It’s pretty small only 1 KiBminified and gzipped. It fits perfectly for static sites with WebComponents.

Mosaic : JavaScript library for building User Interfaces

Mosaic : JavaScript library for building User Interfaces

Mosaic is a declarative, front-end JavaScript library for building user interfaces in an efficient and easy to learn way. It is a component-based library, meaning that you can build applications by combining small, reusable components that come together to make an entire web app – just like how a mosaic is a work of art made up of small pieces of painted material.

VvvebJs : Drag & Drop Website Builder Javascript library

VvvebJs : Drag & Drop Website Builder Javascript library

VvvebJs is a drag & drop website builder javascript library build with jQuery and Bootstrap 4.

Features:

  • Components and blocks/snippets drag and drop.
  • Undo/Redo operations.
  • One or two panels interface.
  • File manager and component hierarchy navigation.
  • Add new page.
  • Live code editor.
  • Image upload with example php script included.
  • Page download or export html or save page on server with example php script included.
  • Components/Blocks list search.
  • Bootstrap 4 components.
  • Youtube, Google maps, Charts.js etc widgets.

jQuery Plugin to Detect Device Type : js.device.selector

jQuery Plugin to Detect Device Type : js.device.selector

ES6 class and jQuery Plugin which get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.

This solution make it possible to define your breakpoints only once (in CSS) and pass them automatically into JavaScript.

viewRecorder : jQuery Plugin for Record User Activity

viewRecorder : jQuery Plugin for Record User Activity

viewRecorder is Jquery Plugin purpose for recording activity when user visit a website.

Highway : JavaScript library for AJAX-based Website Transitions

Highway : JavaScript library for AJAX-based Website Transitions

Highway is a lightweight (2.2ko gzipped)robustmodern and flexible library that will let us create AJAX navigations with beautiful transitions on our websites. It’s been a while we were trying to build this kind of library to fits our needs at Dogstudio and we now finally released it!

remoteStorage.js : JavaScript Library for Integrating Remote Storage in Apps

remoteStorage.js : JavaScript Library for Integrating Remote Storage in Apps

remoteStorage.js is a JavaScript library for storing user data locally in the browser, as well as connecting to remoteStorage servers and syncing data across devices and applications. It is also capable of connecting and syncing data with a person’s Dropbox or Google Drive account (optional).

Wired Elements : Collection of UI Elements for Wireframes

Wired Elements : Collection of UI Elements for Wireframes

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

Lazyestload.js : JavaScript Lazy Load Images Library

Lazyestload.js : JavaScript Lazy Load Images Library

Lazyestload.js is a javascript library which load images only when they are in (and remain in) the viewport.

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.