SnapScroll is a component that adds a vertical scrolling container with snap-to-section functionality for Framer. It allows for smooth scrolling between different content sections and includes a custom scrollbar for visual feedback. Ideal for creating interactive presentations and product showcases.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Import SnapScroll into your Framer project.
Set the height as 100vh for the component
Connect sections to the component from outside. You can add how many ever you want. The sections will be stretched to the size of the container
Adjust the 'Scrollbar Color' and 'Scrollbar Width' as desired.
Preview your project to see the snap scrolling in action.
The component works by taking in an array of sections/layers as inputs and stretching them to the size of the container. You have full flexibility to determine the size of the container - including full screen. Apart from this, you have the added option of showing a scrollbar. When you scroll with your mouse inside the component, the scroll to snap effect becomes active
For any queries and help setting up the component, contact hello@segmentui.com
SnapScroll is a component that adds a vertical scrolling container with snap-to-section functionality for Framer. It allows for smooth scrolling between different content sections and includes a custom scrollbar for visual feedback. Ideal for creating interactive presentations and product showcases.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Import SnapScroll into your Framer project.
Set the height as 100vh for the component
Connect sections to the component from outside. You can add how many ever you want. The sections will be stretched to the size of the container
Adjust the 'Scrollbar Color' and 'Scrollbar Width' as desired.
Preview your project to see the snap scrolling in action.
The component works by taking in an array of sections/layers as inputs and stretching them to the size of the container. You have full flexibility to determine the size of the container - including full screen. Apart from this, you have the added option of showing a scrollbar. When you scroll with your mouse inside the component, the scroll to snap effect becomes active
For any queries and help setting up the component, contact hello@segmentui.com
Nabeel
