---
title: "Horizontal Scroll — Framer component · Best of Framer"
description: "$12.00 · Framer component · by NOMAN · Sections. Live Preview Horizontal Scroll lets you create immersive horizontal scrolling sections driven by vertical scroll input."
canonical: "https://framer.elliotli.dev/component/horizontal-scroll"
---

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

# Horizontal Scroll

Smooth Horizontal Scroll Animation

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

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

## Summary

Live Preview Horizontal Scroll lets you create immersive horizontal scrolling sections driven by vertical scroll input.

## Description

[Live Preview](https://horizontalscrollanim.framer.website/)

Horizontal Scroll lets you create immersive horizontal scrolling sections driven by vertical scroll input. Users can add multiple images, apply parallax motion, and control styling elements like radius, borders, and shadows. Designed for smooth performance and responsive layouts, this component is perfect for portfolios, landing pages, and visually rich websites.

Live Preview: [https://horizontalscrollanim.framer.website/](https://horizontalscrollanim.framer.website/)

Key Features:

1.  Vertical-to-horizontal scroll animation
    
2.  Support for multiple images
    
3.  Smooth parallax scroll effect
    
4.  Customizable text and background styling
    
5.  Adjustable border, radius, and shadow
    
6.  Responsive and performance-optimized
    
7.  Easy setup with Framer Scroll Sections
    
8.  No-code controls for fast customization
    

Controls:

1.  Background Color – Set the section background color
    
2.  Text Content – Add and edit scroll section text
    
3.  Text Color – Customize text color
    
4.  Image 1–5 – Add or replace images
    
5.  Radius – Adjust corner radius of image cards
    
6.  Border Color & Style – Customize image borders
    
7.  Shadow – Add depth using shadow settings
    
8.  Parallax Effect – Control parallax strength
    
9.  Scroll Section – Connect with Framer Scroll Section for animation
    

Refund Policy:

Please note that once this component is purchased, it is non-refundable due to its digital nature.

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

-   All · #6980

## Details

- **Author**: NOMAN
- **Price**: $12.00
- **Published**: 2026-02-15
- **Updated**: 2026-08-15
- **Added**: 2026-02-07
- **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