Best jQuery Core Java Script Plugins & Tutorials with Demo

Custom Cursor Effects with Paper.js

Custom Cursor Effects with Paper.js

A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels.In the following tutorial we’ll take a look at how to create a magnetic noisy circle cursor for navigation elements. We’ll be using Paper.js with Simplex Noise.

AlaSQL : JavaScript SQL Database Library

AlaSQL : JavaScript SQL Database Library

AlaSQL.js – JavaScript SQL database for browser and Node.js. Handles both traditional relational tables and nested JSON data (NoSQL). Export, store, and import data from localStorage, IndexedDB, or Excel.

Layer Motion Slideshow with CSS Grid & TweenMax

Layer Motion Slideshow with CSS Grid & TweenMax

Today we’d like to share yet another CSS Grid-powered slideshow with you. The idea is to show and hide images with a reveal effect and add a parallax like effect to the main image and the title. For the title we’ve added two copied layers with an outline style which creates an interesting motion effect. For the animations we use TweenMax.

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