Horizontal Scrolling

Show Preview
Horizontal Scrolling
Horizontal Scrolling

About Horizontal Scrolling

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.

From Sanna Granqvist

CMS Slider Pro
Logo Blur Carousel
Scroll 3D Slider
Melty Gooey Text

Related Components

Parallax Marquee
Prism Curve Carousel
Video Carousel Links
Thumbnail Slider