---
title: "Horizontal Scrolling — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Carousels. Horizontal Scrolling Slider"
canonical: "https://framer.elliotli.dev/component/horizontal-scrolling"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Horizontal Scrolling

# Horizontal Scrolling

Horizontal Scrolling Slider

[View on Framer](https://framer.com/marketplace/components/horizontal-scrolling/?via=elliot-li)

![Horizontal Scrolling preview image 1](https://framer.elliotli.dev/og/component/horizontal-scrolling/72d9e2c124d6d803/1600x1200.jpg)

## Summary

Horizontal Scrolling Slider

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #238

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-03-04
- **Updated**: 2026-05-15
- **Added**: 2026-02-28
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view