Horizontal Scrolling
A Framer component that converts vertical scrolling into horizontal panel navigation. As the user scrolls down, a pinned row of panels moves left.
About this Component
Drop in your designs, set the gap and insets, done. Scroll down and the row translates left — distance calculated automatically based on how many panels you add.
Snap mode clicks each panel into place on release. Works with keyboard arrow keys too. The appear effect fades panels in on load with a stagger. And below 768px (adjustable), it falls back to a clean vertical stack so mobile never breaks.
Accessible out of the box — keyboard navigation, live region for screen readers, carousel role. On the canvas it renders as a static row so you can design without the animation running.
Supports up to 20 panel instances.
