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.

    WhatsChat : WhatsApp Chat Widget jQuery Plugin

    WhatsChat : WhatsApp Chat Widget jQuery Plugin

    WhatsChat – WhatsApp Chat Widget jQuery Plugin is an a modern responsive chat plugin build with CSS3.

    • Chat support plugin that provides a quick and easy way to interact with your clients.
    • HTML5, CSS3, Bootstrap & jQuery used to design hosting chat widget.
    • All the codes are clean and well organized, You are able to easily edit/change/customize any style.
    • These chat plugins are provided with 10 uniq designs, 7 uniq button, 8 color combination.

    jTippy : jQuery Tooltip Plugin

    jTippy : jQuery Tooltip Plugin

    jQuery tooltip plugin. Easy to use and configure with excellent responsive placement (on the demo page, try resizing your screen!).

    Features:

    • Multiple Triggers (click, hover, focus, hoverfocus)
    • Backdrops (black, white, blurred) – Only apply to trigger:’click’
    • Themes (black, lt-gray, white, blue, green, red)
    • Sizes (tiny, small, medium, large)
    • Responsive (prefers the specified position
    • Tooltip hide/show events
    • No-conflict CSS

    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.

    Pagemap : Mini map for web pages

    Pagemap : Mini map for web pages

    Pagemap is a sort of navigation system which uses mini map for single page website or any other lengthy web page with javascript and html5 canvas.

    Radial Menu with JavaScript

    Radial Menu with JavaScript

    Radial menu is a highly customizable radial menu that’s very easy to setup.It is customizable and beautiful radial menu for your web app that can be used as a standalone menu or override the default context menu. On a desktop or notebook click the second button of the mouse (context menu). On a smartphone or tablet, click the screen and hold for few seconds and the menu will pop.

    Framer Motion : Animation & Gesture Library for React

    Framer Motion : Animation & Gesture Library for React

    Framer Motion is a new open source, production-ready motion library for React on the web.Design fluid animations for the web, across desktop and mobile.

    ProgressBar : jQuery Image Progress Bar Plugin

    ProgressBar : jQuery Image Progress Bar Plugin

    This provides a jquery plugin for making vertical progress bars out of images. Once the progress bar has been created you can interact with it to set the current percentage as required.