---
title: "Horizontal Scroll 5S — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Tri Dang · Sections. See Example Key Features: 5-second setup: Drop the component inside your parent frame(section) and it just works."
canonical: "https://framer.elliotli.dev/component/horizontal-scroll-5s"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Horizontal Scroll 5S

# Horizontal Scroll 5S

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

![Horizontal Scroll 5S preview image 1](https://framer.elliotli.dev/og/component/horizontal-scroll-5s/ef07498d1e3a6e56/1600x1200.jpg)

## Summary

See Example Key Features: 5-second setup: Drop the component inside your parent frame(section) and it just works.

## Description

[See Example](https://easyhorizontalscroll.framer.website/)

## 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**](mailto:dn.tri106@gmail.com) or [My X account.](https://x.com/trisdang_ui)

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

-   All · #815

## Details

- **Author**: Tri Dang
- **Price**: $5.00
- **Published**: 2025-10-23
- **Updated**: 2025-11-08
- **Added**: 2025-10-13
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes