Best jQuery Core Java Script Plugins & Tutorials with Demo

    Interactive Particles with Three.js

    Interactive Particles with Three.js

    This tutorial is going to demonstrate how to draw a large number of particles with Three.js and an efficient way to make them react to mouse and touch input using shaders and an off-screen texture.

    Lookforward : Simple Page Transitions using HistoryAPI

    Lookforward : Simple Page Transitions using HistoryAPI

    Lookforward is a small library that helps you to create smooth transitions between pages with the easiest way using HistoryAPI.

    FormStorage : JavaScript library to Stores Form Data in Localstorage

    FormStorage : JavaScript library to Stores Form Data in Localstorage

    FormStorage is a JavaScript library stores the form-data to the localstorage so you don’t have to fill the form again.

    Animated Mesh Lines with Three.js

    Animated Mesh Lines with Three.js

    A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.

    These lines shaped as ribbons have a really interesting graphic style. They also have less vertices than a TubeGeometry usually used to create thick lines.

    Lite Editor : JavaScript WYSIWYG Editor

    Lite Editor : JavaScript WYSIWYG Editor

    Lite Editor is a Modern WYSIWYG Editor especially for inline elements.

    Features:

    • focuses on inline elements such as b, a, i, strong
    • Prevent unnecessary tags insertion
    • Control how to make newlines
    • You can register custom button easily

    Stickybits : Lightweight Alternative to Position Sticky Polyfills

    Stickybits : Lightweight Alternative to Position Sticky Polyfills

    Stickybits is a lightweight alternative to position: sticky polyfills. It works perfectly for things like sticky headers.

    ScrollDir : Leverage Vertical Scroll Direction with CSS

    ScrollDir : Leverage Vertical Scroll Direction with CSS

    ScrollDir, short for Scroll Direction, is a 0 dependency, ~1kb micro Javascript plugin to easily leverage vertical scroll direction in CSS via a data attribute.

    Features:

    • showing or hiding sticky elements based on scroll direction
    • only changing its direction attribute when scrolled a significant amount
    • ignoring small scroll movements that cause unwanted jitters

    Favloader : JavaScript library for Animated Loading Favicon

    Favloader : JavaScript library for Animated Loading Favicon

    favloader is a vanilla JavaScript library for loading animation in favicon that work when tab is not active.

    Treeviz : Represent Tree Diagrams with JavaScript

    Treeviz : Represent Tree Diagrams with JavaScript

    Treeviz is a javascript module aims at providing an easy interface in order to represent tree diagrams on screen with the ability to handle dynamic data flows. The data format must be JSON.

    Interactive Animated Landscape with JavaScript

    Interactive Animated Landscape with JavaScript

    Today we are going to explore a playful animated landscape with a psychedelic look. The idea is to show how an experimentation on art and design with a generative process can lead to interesting interactive visuals which can be used in a variety of mediums like web, print, illustration, VJing, installations, games and many others. We made 3 variants of the landscape to show you how small changes in parameters can change a lot in visuals.

    The demos are made with three.js and the animations and colors are controlled in a custom GLSL shader. For the letter animations we are using TweenMax.