Snap.js

Snap.js can be used for showing hidden panels from the side of the page.

These panels can come from both the left or the right of the page and can be shown and hidden at will.

They can be triggered either by dragging the page to the left or right, or by clicking a special button.

Since this kind of UX pattern is regularly used on mobile sites, touch support is also included, along with CSS3-based animations.

Snap.js panels can be styled via CSS, but they also come with built-in support for Ratchet themes.

Multiple Snap.js examples are included with the download package, all to show developers how it can be implemented and how they can use it with their projects.

Features:

• Support for touch gestures
• Animated via CSS 3 transitions
• Sides can be disabled
• Support for Ratchet themes
• Many customization options available
• Documentation

Requirements:

• JavaScript enabled on client side