Snap, Drag and more effects without code
Give your Framer projects scroll effects that aren't natively available.
What can you do with D&S?
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
How to use D&S?
Simply link the frames of your project, modify the controls as needed and you're done!
Tutorials and use cases at
Limitations of Drag&Snap
While D&S is a versatile component, its design has certain limitations.
For example, it may not fully support all scroll effects (like Transform or Variant), appear effects, and fixed overlays within child elements might have restrictions.
For a more consistent user experience, it's recommended to use a single Drag & Snap component per page, sized to fill the entire project.
If you have any doubts, use the free version before incorporating D&S into your project.
Landing Page | One Page | Portolio | Framer Component |
Free template included
With the complete version
Snap, Drag and more effects without code
Give your Framer projects scroll effects that aren't natively available.
What can you do with D&S?
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Complete Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Add a rubberband effect on Windows
Automatic and infinite scroll option
Modify the transitions of the snap effect
Control the overlap of frames
Reorder frames
Change the height and width of frames
Enable these effects on mobile phones
Use the combined effects
Get free updates
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
How to use D&S?
Simply link the frames of your project, modify the controls as needed and you're done!
Tutorials and use cases at
Limitations of Drag&Snap
While D&S is a versatile component, its design has certain limitations.
For example, it may not fully support all scroll effects (like Transform or Variant), appear effects, and fixed overlays within child elements might have restrictions.
For a more consistent user experience, it's recommended to use a single Drag & Snap component per page, sized to fill the entire project.
If you have any doubts, use the free version before incorporating D&S into your project.
Landing Page | One Page | Portolio | Framer Component |
Free template included
With the complete version
Snap, Drag and more effects without code
Give your Framer projects scroll effects that aren't natively available.
What can you do with D&S?
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
Lite Version
Add drag to scroll effects to your projects
Add a snap effect to your project
Reorder frames
How to use D&S?
Simply link the frames of your project, modify the controls as needed and you're done!
Tutorials and use cases at
Limitations of Drag&Snap
While D&S is a versatile component, its design has certain limitations.
For example, it may not fully support all scroll effects (like Transform or Variant), appear effects, and fixed overlays within child elements might have restrictions.
For a more consistent user experience, it's recommended to use a single Drag & Snap component per page, sized to fill the entire project.
If you have any doubts, use the free version before incorporating D&S into your project.
Landing Page | One Page | Portolio | Framer Component |
Free template included
With the complete version