This article focuses on 10 Best JavaScript Touch Gesture Libraries which are very useful while working with touch events. These libraries handle touch events and offer myriad of functionalities to the users while using an app. Let us know if you are aware of some other useful Touch Gesture JavaScript Libraries.
1. Hammer.js
Hammer.js is one of the most popular and widely used touch gesture library which makes it simple to add touch gestures to your website and remove the 300ms delay from clicks. Hammer.js supports most common single and multi-touch gestures, and its fully extendable to add custom gestures. It even has support for multiple instances at the same time, so you can create multi-user touch interfaces.
Demo & Download
2. Zingtouch
ZingTouch is a modern JavaScript touch gesture library. ZingTouch allows developers to configure pre-existing gestures and even create their own using ZingTouch’s life cycle, this library has 6 main gestures : tap, swipe, pinch, expand, pan and rotate.
Demo & Download
3. AlloyFinger
AlloyFinger is a super tiny size multi-touch gestures library for the web.
Demo & Download
4. Hover on Touch
Hover on Touch is a JavaScript plugin for an alternative hover function on mobile devices. It shows secondary information on Taphold & goes to a link on Tap. This plugin has the following features-
• Put anything inside the info div
• Works while scrolling, so users can see details while scrolling through the page
• Gifs restart on display
• For looping animations save the gifs as »looping«, for normal animations save them as »playing once«
• The script will not interfere with any hover animations on desktop browsers (non touch devices)
Demo & Download
5. Pressure.js
Pressure is a JavaScript library that makes dealing with Apple’s Force Touch and 3D Touch simple. Force Touch for new Macs and 3D Touch for the new iPhone 6s and 6s Plus, all bundled under one roof with a simple API that makes working with them painless.
Demo & Download
6. jQuery Touch Events
A collection of mobile event plugins for jQuery. This is a series of plugins that create additional events that can be used in combination with jQuery when developing for mobile devices. The events are also compatible with desktop browsers to ensure ultimate compatibility for your projects.
Demo & Download
7. NippleJS
nippleJS is a javascript library to create virtual joystick for touch capable interfaces.
Demo & Download
8. TouchPoint.js
TouchPoint.js is a tiny JavaScript library made for in-browser HTML prototyping that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions.
TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations.
Demo & Download
9. Touche.js
Touche.js makes it simple to re-map click events to touch events for mobile UIs. It works with or without jQuery, and removes the 300ms delay applied by all touchscreen devices so they respond immediately.
Demo & Download
10. RangeTouch
A super tiny library to make input type=”range” sliders work better on touch devices. It doesn’t require setup, less than 1kb minified and has no dependencies.
Demo & Download
