Best jQuery Core Java Script Plugins & Tutorials with Demo

    Ztext.js : 3D typography for the Web

    Ztext.js : 3D typography for the Web

    Ztext gives the illusion of volume by creating layers from an HTML element. There’s no need to spend hours fiddling with <canvas> or forcing users to download multi-megabyte WebGL libraries. Content remains fully selectable and accessible.

    WebGL Video Transitions with Curtains.js

    WebGL Video Transitions with Curtains.js

    Some experimental video transitions using Curtains.js and shaders.We’ve done some crazy polygon transitions, and before that some WebGL Image Transitions. But a lot of people have been asking how to translate those techniques into the video world. And I agree, one cannot underestimate the importance of video on the web.

    Scroll Animations for Image Grids

    Scroll Animations for Image Grids

    Some ideas for scroll animations for image grids powered by Locomotive Scroll.

    Diagonal Thumbnail Slideshow Animation

    Diagonal Thumbnail Slideshow Animation

    A simple slideshow with tilted thumbnails and large titles that animate when navigating. So the main idea is to animate the tilted thumbnails out of the viewport when navigating to the next or previous slide. While the thumbnails move out, the titles get animated too, in that reveal/unreveal fashion that seems to be quite trendy now. The direction of the motion depends on whether we’re navigating back or forth.

    Menu to Inner Page Animation with Image Grid Background

    Menu to Inner Page Animation with Image Grid Background

    A layout with a menu and background image grid that animates to an inner content page. The idea is to show a menu with a nice background grid of images and when choosing to explore a project, an animation happens where the images of the background grid fly away and an inner page shows.

    Magnetic Buttons with CSS & JavaScript

    Magnetic Buttons with CSS & JavaScript

    A small set of magnetic buttons with some fun hover animations.The main idea of these buttons is that they are magnetic and follow the mouse pointer. Along with that, there’s lots of room to play with some interesting hover animations. A very nice thing to explore is the motion of an additional element like a shadow or another line. The parallax effect created by moving the button’s elements differently, gives a nice twist to the animation.

    CryptoJS : JavaScript Library of Crypto Standards

    CryptoJS : JavaScript Library of Crypto Standards

    CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a consistent and simple interface.

    Creating a Menu Image Animation on Hover

    Creating a Menu Image Animation on Hover

    A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.

    LegraJS : Javascript Lego brick Graphics Library

    LegraJS : Javascript Lego brick Graphics Library

    Legra (Lego brick Graphics) is a small (3.36KB gzipped) JavaScript library that lets you draw using LEGO® like brick shapes on an HTML <canvas> element. This library defines basic graphics primitives like lines, rectangles, polygons, ellipses, bézier curves, etc. All shapes are drawn either outlined or filled in.

    Svgbob : Convert your ASCII Diagrams into SVG

    Svgbob : Convert your ASCII Diagrams into SVG

    Svgbob transform your ascii diagrams into a nice svg representation. Svgbob is a diagramming model which uses a set of typing characters to approximate the intended shape.