Best jQuery Core Java Script Plugins & Tutorials with Demo

    Fitty : Snugly Resizes Text to fit its Parent Container

    Fitty : Snugly Resizes Text to fit its Parent Container

    Scales up (or down) text so it fits perfectly to its parent container.Ideal for flexible and responsive websites.

    Features:

    • No dependencies
    • Easy setup
    • Optimal performance by grouping DOM read and write operations
    • Works with WebFonts (see example below)
    • Min and max font sizes
    • Support for MultiLine
    • Auto update when viewport changes
    • Monitors element subtree and updates accordingly

    GPU.JS : GPU Accelerated JavaScript

    GPU.JS : GPU Accelerated JavaScript

    Gpu.js is a JavaScript Acceleration library for GPGPU (General purpose computing on GPUs) in Javascript. gpu.js will automatically compile simple JavaScript functions into shader language and run them on the GPU. In case a GPU is not available, the functions will still run in regular JavaScript.

    A-Frame : Web framework for building Virtual Reality Experiences

    A-Frame : Web framework for building Virtual Reality Experiences

    A-Frame is a web framework for building virtual reality experiences.Make WebVR with HTML and Entity-Component Works on Vive, Rift, Daydream, GearVR, desktop.A-Frame can be developed from a plain HTML file without having to install anything.

    Features: Hit the ground running with A-Frame’s built-in components such as geometries, materials, lights, animations, models, raycasters, shadows, positional audio, tracked controllers. Get even further with community components such as particle systems, physics, multiuser, oceans, mountains, speech recognition, or teleportation!

    HotKeys.js : Javascript library for capturing Keyboard Input

    HotKeys.js : Javascript library for capturing Keyboard Input

    HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzipped: 1.73kb), and has no dependencies. It should not interfere with any JavaScript libraries or frameworks.

    Elastic Range Input with SVG & Anime.js

    Elastic Range Input with SVG & Anime.js

    In this tutorial we will see how we can simulate the behavior of a range input, with an elegant component. Fancy component to simulate a range input, based on this dribbble shot by Stan Yakusevich.

    To code it, we will mainly use SVG to draw the paths, and anime.js to perform the animations.

    Expanding Grid Menu with CSS Grid

    Expanding Grid Menu with CSS Grid

    A CSS Grid powered menu with a box look inspired by the effect seen in the “Ableton Live 10: What’s New” video.In right at the beginning: a couple of differently sized boxes slide out and fill the screen. We thought this might be a nice idea applied to a menu using CSS Grid.

    ReboundGen : Editable CSS3 Animations Library

    ReboundGen : Editable CSS3 Animations Library

    REBOUNDGEN calculates springy CSS3 Keyframe animations based on a few simple parameters you define. It uses Facebook’s Rebound.js for the math and outputs SCSS style sheets for each animation. So, you can import just the ones you need. A variety of nice animations can be accomplished using a small set of parameters.

    Rough.js : Create Graphics in Hand-Drawn & Sketchy Appearance

    Rough.js : Create Graphics in Hand-Drawn & Sketchy Appearance

    Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchyhand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.

    Pell : Simplest and Smallest WYSIWYG Text Editor

    Pell : Simplest and Smallest WYSIWYG Text Editor

    Pell is the simplest and smallest WYSIWYG text editor for web, with no dependencies.

    • Pure JavaScript, no dependencies, written in ES6
    • Easily customizable with the sass file (pell.scss) or overwrite the CSS

    Animating Elements Along SVG Paths with JavaScript

    Animating Elements Along SVG Paths with JavaScript

    Path slider is a animating elements along SVG paths with javascript.