---
title: "Horizontal Animation — Framer component · Best of Framer"
description: "$15.00 · Framer component · by NOMAN · Cards. Horizontal Scroll animation of Cards."
canonical: "https://framer.elliotli.dev/component/horizontal-animation"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Horizontal Animation

# Horizontal Animation

Horizontal Scroll animation of Cards.

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

![Horizontal Animation preview image 1](https://framer.elliotli.dev/og/component/horizontal-animation/fed64983dcede502/1600x1200.jpg)

## Summary

Horizontal Scroll animation of Cards.

## Description

**Key Features**

-   Horizontal scroll-based motion for seamless storytelling
    
-   Supports multiple cards or sections with smooth transitions
    
-   Lightweight and optimized for performance
    
-   Fully responsive and customizable (speed, spacing, easing, and triggers)
    
-   Perfect for portfolios, product showcases, and workflow sections
    

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

**Controls**

-   Animation speed
    
-   Scroll trigger distance
    
-   Card spacing
    
-   Easing type
    
-   Gap between cards
    
-   Control of Color
    
-   Variants
    
-   Direction (LTR / RTL)
    
-   Card links variable
    

**How It Works**

-   The component tracks scroll position to animate cards horizontally.
    
-   Each card fades and moves dynamically as you scroll through.
    
-   Perfect for step-by-step or feature highlight animations.
    

**Refund Policy**

-   This component is **non-refundable once purchased.**
    

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

-   All · #5444

## Details

- **Author**: NOMAN
- **Price**: $15.00
- **Published**: 2025-10-23
- **Updated**: 2026-02-27
- **Added**: 2025-10-13
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards