Best jQuery Core Java Script Plugins & Tutorials with Demo

    WowRating – Make Rating with Effect WOW

    WowRating - Make Rating with Effect WOW

    WowRating is flexible, customizable rating system written in pure JavaScript. Plugin has predefinied shapes but every presented effect can be used with any svg file.

    Mark.js : JavaScript Keyword Highlighter

    Mark.js : JavaScript Keyword Highlighter

    mark.js is a text highlighter written in JavaScript. It can be used to dynamically mark search terms or custom regular expressions and offers you built-in options like diacritics support, separate word search, custom synonyms, iframes support, custom filters, accuracy definition, custom element, custom class name and more.Also available as jQuery plugin.

    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.