Horizontal Scroll 5S
5-second setup, drop the component into your parent frame (section) and it just works. Easy to make responsive, turn off Horizontal anytime if you want.
Make it with Workshop
Build your own component with AI
Key Features:
5-second setup: Drop the component inside your parent frame(section) and it just works.
Pinned horizontal experience: Locks the section while scrolling horizontally through your sections.
Scroll length by section height: The taller your parent frame (e.g., 400vh), the longer/smoother the horizontal scroll.
Layout-preserving: Doesn’t change your existing layout styles — keep using your own stacks/auto-layout.
Responsive by design: Simply size panels so their total width exceeds the parent frame; mixed panel widths are fine.
Mobile-friendly toggle: Turn Horizontal OFF to fall back to normal vertical scrolling on phones or tablets.
Just a few quick notes:
The Horizontal Frame includes sections that should = full screen width — that means Width = 100% or Fill.
Make sure the Horizontal Frame’s height is more than 100vh — that’s what allows the horizontal scroll to happen.
If you need any help with your purchased component, please contact me at dn.tri106@gmail.com or My X account.
