Best jQuery Core Java Script Plugins & Tutorials with Demo

    IsoCity : An isometric city builder in JavaScript

    IsoCity : An isometric city builder in JavaScript

    IsoCity  is a simple JavaScript city builder with no simulation at all. No budget, no goals. Just build your tiny city. This would work on a phone, but it wasn’t designed with phones in mind.

    Building a Physics-based 3D Menu with Cannon.js and Three.js

    Building a Physics-based 3D Menu with Cannon.js and Three.js

    Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.

    Scroll, Refraction and Shader Effects in Three.js and React

    Discover how to use react-three-fiber and combine some common techniques to create a Three.js powered layout with shader effects.

    surveyJS : Javascript Survey Creation & Management

    surveyJS : Javascript Survey Creation & Management

    surveyJS let’s you create a survey from a JSON and manage all the process ( fields validation, local storage and form data are already managed )
    You can manage:

    • HTML for questions, answers and feedback messages
    • Form data before sending it to the backend
    • Callback functions for AJAX calls success/error/end and validation
    • and more…

    Gooey Image Hover Effects with Three.js

    Gooey Image Hover Effects with Three.js

    Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader. For the demo itself, I’ve created a more practical example that shows a vertical scrollable layout with images, where each one has a variation of the effect. You can click on an image and it will expand to a larger version while some other content shows up (just a mock-up). We’ll go over the most interesting parts of the effect, so that you get an understanding of how it works and how to create your own.

    wRunner : Range Slider Plugin in jQuery and JavaScript

    wRunner : Range Slider Plugin in jQuery and JavaScript

    wRunner is a plugin that adds a slider (slider) to select a value. The plugin has the ability to set themes, step, minimum and maximum values, etc. It has two types – single and range, as well as vertical and horizontal position. It has two implementations – on pure JS and on the basis of jQuery.

    Motion Hover Effects with Image Distortions using Three.js

    In this tutorial you will learn how to achieve interesting looking hover effects with image distortions using Three.js. The aim is to add fluid and interesting motion to the effects. We will be exploring three different types of animations.

    roughViz.js : JavaScript Sketchy/hand-drawn Styled Charts

    roughViz.js : JavaScript Sketchy/hand-drawn Styled Charts

    roughViz.js is a reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser, based on D3v5, roughjs, and handy.

    Color Customizer App for a 3D Model with Three.js

    Color Customizer App for a 3D Model with Three.js

    Learn how to create a complete color customizer app for a 3D model of a chair using Three.js in this in-depth tutorial.

    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js is a easy off-canvas menu with mobile touch support.