Drag & Snap - Scroll Effects for Framer

Creates smooth section-based scrolling with drag interactions and auto-snap alignment. Perfect for presentations, galleries, and mobile-like navigation experiences.

With Drag & Snap, you can add the following effects to your Framer project:

• Content Sections - Add frames that become snap points

• Drag Interaction - Enable/disable mouse and touch dragging with visual feedback

• Elasticity Effect - Optional rubber-band bounce at content boundaries

• Snap Behavior - Automatic alignment to nearest content section

• Auto-Scroll Timer - Configurable automatic progression with infinite loop option

• End Behavior - Choose between stopping at edges or infinite cycling

• Inertia Sensitivity - Platform-specific scroll speed thresholds for Mac and Windows

• Viewport Sizing - Control whether children fill container or use viewport dimensions

• Interaction Blocking - Disable overlapping frame interactions when needed
  

See Drag & Snap in Action Here

Bonus

The full version of Drag & Snap includes a use case template, designed especially to be used with these effects. Look at it here.

-

This component is not intended to be used in Framer templates.

Refunds

Drag & Snap is a digital product crafted with great care for creators like you. For this reason, code components purchases are non-refundable. Before purchasing, I encourage you to try the Lite version and running any tests you need to see if this component fits your project. Read the limitations here.

If you have any questions or need assistance, feel free to email me directly at [email protected].