Best jQuery Core Java Script Plugins & Tutorials with Demo

Grade.js : JavaScript Gradient Library from Image

Grade.js : JavaScript Gradient Library from Image

This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.

Magalone Flipbook with JavaScript & CSS

Magalone Flipbook with JavaScript & CSS

Create beautiful and interactive flipbooks, magazines or books. Magalone automatically converts your existing PDF document into an interactive and state of the art flipbook. No dependencies on other libraries like jQuery or Bootstrap, Magalone works 100% independent. Support for smartphones, tablets, touchscreens and low bandwidth situations.

Features:

  • page turn animations
  • easy to use and customize
  • no programming skills required
  • lightbox mode, responsive mode, fullscreen mode
  • single / double page mode ( for mobile & desktop )
  • can render PDF files using the PDFs library
  • supports multimedia overlays (links, videos, music, HTML, galleries) using newest HTML5 technology
  • touch controls (including pinch to zoom)

Intercooler.js : Simple Ajax using HTML Attributes

Intercooler.js : Simple Ajax using HTML Attributes

Intercooler.js allows developers to quickly implement AJAX directly in the HTML. By adding a specific HTML attribute to your links and buttons you can enable them to send GET, POST, or other requests to a URL. The data returned from the server can also be accessed through HTML attributes.

Uppy : JavaScript File Uploader

Uppy : JavaScript File Uploader

Uppy is (going to be) a cool JavaScript file uploader that fetches files for you from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras and other exciting locations, and then uploads them to wherever you want. Uppy is being developed by the Transloadit team because we want file uploading experience to be better — both for users and developers.

SuperEmbed.js : Fluid width for Embedded Videos

SuperEmbed.js : Fluid width for Embedded Videos

SuperEmbed.js detects YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos on webpages and makes them responsive. Essentially, this means they strech to fill their container while still maintaining the original aspect ratio.

  • Works without external libraries like JQuery
  • Works automatically with YouTube, Vimeo, Kickstarter, CollegeHumor, Hulu, Flickr, Vine, VideoPress, DailyMotion, Twitch.tv, and Vid.me embedded videos
  • Responsive videos maintain their original aspect ratio
  • Responsive layout can be forced or blocked with classes applied to the embed code
  • Extremely tiny, the minified version is only 1.4 KB

Typr.js : Process Fonts in Javascript

Typr.js : Process Fonts in Javascript

Typr.js is a font processor for JavaScript. It’s light, small, and ultra fast.Typr.js is a Javascript parser and utility for working with fonts (TTF, OTF). It is an alternative to opentype.js. It is the main text engine for Photopea image editor.

  • light and small (60 kB unminified uncompressed, 4x smaller than opentype.js)
  • ultra fast (2x to 5x faster parsing than opentype.js)
  • successfully parsed more than 2000 fonts (opentype.js had problems with many of them)
  • simple structure and easy to extend

Scrollanim : CSS3 and JavaScript Scroll Animation

Scrollanim : CSS3 and JavaScript Scroll Animation

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.Scrollanim uses kissui.position to manage and track elements. Please note that kissui.position is a builtin dependency and you don’t need to include anything in your page.

Multi-Layout Slideshow with JavaScript & CSS

Multi-Layout Slideshow with JavaScript & CSS

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.

Today we’d like to share a simple decorative slideshow component with you. The idea behind this slideshow is to have an individual layout for each slide, accompanied by a distinct effect. The images of each slide is meant to have a decorative purpose which could be suitable for an article header; or, for example, an ornamental quotes slideshow within an article.

baffle.js : JavaScript library for Obfuscating & Revealing Text

baffle.js : JavaScript library for Obfuscating & Revealing Text

A tiny javascript library for obfuscating and revealing text in DOM elements.

Reversed-Tetris : Game with JavaScript

Reversed-Tetris : Game with JavaScript

Reversed-Tetris is a web-based game written in pure JavaScript without any dependency. Be compare with most web-based games, Reversed-Tetris use Dom as the render engine, instead of the canvas. It’s less performant, but more like a “web platform” prodact.



Best jQuery websites design awards