Best jQuery Core Java Script Plugins & Tutorials with Demo

    Image Trail Effects with TweenMax & CSS

    Image Trail Effects with TweenMax & CSS

    A set of brutalist effects for mouse-following image trails that show a random series of images with tweenmax and css.The idea is to follow the mouse and show a trail of random images. It’s a kind of brutalist effect and there are various possibilities when it comes to showing and hiding the images. So we compiled a set of demos that explores different animations.

    Type-this : JavaScript Animated Writer Text Effect Plugin

    Type-this : JavaScript Animated Writer Text Effect Plugin

    Type-this is a simple Vanilla JavaScript plugin that animates any message you want. No jQuery is needed.

    Cropme : JavaScript Image Cropper Plugin

    Cropme : JavaScript Image Cropper Plugin

    Cropme is a customizable and easy to use javascript image cropper plugin.

    Features:

    • Two-dimensional translation
    • Scaling
    • Free rotation
    • rotation and scale around the image center or the viewport center
    • Multi-touch support (pinch-zoom, two finger rotation, …)
    • Base64 and blob exportation
    • Multiple croppers

    Smooth Scrolling Image Effects with CSS & Tweenmax

    Smooth Scrolling Image Effects with CSS & Tweenmax

    A small set of ideas on animating images and other elements while smooth scrolling a page. We’ve made a small set of effects that show how you can apply some interesting transforms to elements like images and text while scrolling the page smoothly.

    Uglipop.js : A Lightweight Non-fancy Modal/Lightbox

    Uglipop.js : A Lightweight Non-fancy Modal/Lightbox

    Uglipop.js is an ultra lightweight,unstyled 2kb Minimal Javascript. Is Lightweight Non-fancy Modal Written is JS , Uglipop is highly customizable.Things That can be used with Uglipop:

    • You Can Use Div.
    • You Can use Plain HTML
    • You Can use AJAX Response
    • You Can use Iframe
    • You Can use Images

    JavaScript library for HTML Form Persistence

    JavaScript library for HTML Form Persistence

    A simple JavaScript library for preserving HTML form data across multiple sessions.

    abcjs : JavaScript for Rendering Music Notation

    abcjs : JavaScript for Rendering Music Notation

    abcjs is a javascript library for rendering standard music notation in a browser.This library makes it easy to incorporate sheet music into your websites. You can also turn visible ABC text into sheet music on websites that you don’t own using a greasemonkey script, or change your own website that contains ABC text with no other changes than the addition of one javascript file. You can also generate MIDI files or play them directly in your browser.

    Smooth Scrolling with Inner Image Animations to a Web Page

    Smooth Scrolling with Inner Image Animations to a Web Page
    A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.

    Darkmodejs : Utility package for managing Dark Mode on the Web

    Darkmodejs : Utility package for managing Dark Mode on the Web

    Darkmodejs is utility package for managing Dark Mode on the Web.Dark Mode is a feature in modern Operating Systems which allows you to change your default UI from a light to dark theme. On the web we can take advantage of this to control the theme of our website.

    Utilises the matchMedia API and its listeners, in combination with the prefers-color-scheme media query, in order to fire functions whenever you’re in Dark Mode.

    Bounds.js : Asynchronous Boundary Detection

    Bounds.js : Asynchronous Boundary Detection

    Asynchronous boundary detection – lazy-loading, infinite scroll, and more.Whether you’re lazy-loading images, implementing infinite-scroll, or avoiding an ex-lover… it’s important to set boundaries.