jquery.pep.js

Drag Me

A lightweight plugin for kinetic-drag on mobile/desktop

Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery's animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

VIEW DEMOS →

Pep has built-in support for custom start, stop, rest (called when easing completes), and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions from Matthew Lein's Ceaser. Go get the source on Github today.

To date, Pep has been tested on all modern browsers including IE, Opera, FF, Chrome, Safari, mobile Safari on iOS 5 & 6, and Silk Browser/Android 2.3 Gingerbread. Pep has partial support for older versions of IE as well. Let me know which devices you've tested Pep on.

Usage

Inside of your standard jQuery initializer:

$('#peppable').pep();  // Yes, it's that simple.
MORE DEMOS →

Further documentation, as well as customizable options, can be had on Github.

Demos

You can find some demos here.

Bugs & Other Issues

Let me know about any issues here.

Thanks to cayasso and others who have helped make pep great.