A Library for creating beautiful mobile shelfs in Javascript. As standalone just include the file in a script tag. The slide intent is an int between 0 and 90, and represents the degrees in the first quadrant of a circle that you would like to have mirrored on the X and Y axis. For example, if you have 40 set as your slideIntent value, the user would only be able to slide the pane by dragging in the blue area in the diagram below. Once intent has been defined, it will not change until the user releases. CSS3 Powered Animations with IE fallbacks, drag support, drag handle support. Programatic API, "No-Drag" elements, and definable easing mode. Enable/disable events, disabled sides (left or right). It supports Ratchet (with templates!). Because of the nature of this code, drawers are just kind of stacked behind the content. To bring the proper drawer to the front, you can hook into Snaps.js' CSS classes.

Features

  • Library Independent
  • High Customization
  • Flick Support
  • User Intent Detection
  • Disable Hyperextension
  • Event Hooks

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Snap.js

Snap.js Web Site

You Might Also Like
Our Free Plans just got better! | Auth0 by Okta Icon
Our Free Plans just got better! | Auth0 by Okta

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your secuirty. Auth0 now, thank yourself later.
Try free now
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Snap.js!

Additional Project Details

Operating Systems

Android

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software, JavaScript Mobile Software, JavaScript Libraries

Registered

2021-09-10