Pressure.js

Pressure.js is a JavaScript library that lets web developers incorporate pressure sensitivity into their projects. It works with Force Touch on MacBooks and Magic Trackpads, 3D Touch on iPhones, and pointer pressure from devices like Microsoft Surface tablets and Wacom pens. The library provides a consistent way to respond to how hard a user is pressing on a screen or trackpad, enabling interactive elements that change based on pressure level.

The library stands out by unifying these different hardware inputs under one simple API, making it much easier to develop for multiple pressure-sensitive systems. It includes a built-in polyfill that uses time as a substitute for force on devices that lack pressure support—if a user holds down longer, it simulates harder pressure. This ensures your pressure-based features work for everyone. It also handles multitouch scenarios where multiple fingers press on different elements simultaneously.

Pressure.js is ideal for developers building interactive web applications, games, or creative tools. Use cases include creating pressure-sensitive drawing apps, implementing 'deep press' shortcuts similar to iOS, designing interactive data visualizations that respond to pressure, or adding accessibility features where pressing harder increases text size. It works across all major browsers and devices that support pointer events or Apple's pressure technologies.