---
title: "Aisol Reel Rail — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Aisol Studio · Cards. Aisol Reel Rail is a horizontal rail of video cards where only the card in focus plays."
canonical: "https://framer.elliotli.dev/component/aisol-reel-rail"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Aisol Reel Rail

# Aisol Reel Rail

Video cards — one plays at a time

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

![Aisol Reel Rail preview image 1](https://framer.elliotli.dev/og/component/aisol-reel-rail/7af433aab1731a90/1600x1200.jpg)

## Summary

Aisol Reel Rail is a horizontal rail of video cards where only the card in focus plays.

## Description

Aisol Reel Rail is a horizontal rail of video cards where only the card in focus plays. Every other card holds its poster, so a page with ten clips downloads and decodes one at a time.

Focus comes from each card's own intersection ratio inside the rail. There are no scroll listeners and no measuring anywhere in the component — the browser keeps doing the scrolling and snapping, and the canvas stays still.

\- Reduced motion is respected properly: autoplay turns off and every card gets a play button instead, so the clips are still reachable.

\- The canvas shows posters only — no video element is created until the page is live.

\- Playback is driven directly (play/pause on the element), so switching cards actually switches the clip.

What you control

• Reels as an array: title, subtitle, badge, video file or URL, poster image or URL, alt text, link — or bind a CMS collection through the reel slots

• Shape: portrait 9:16, landscape 16:9 or square

• Plays: the card in focus, on hover, or button only; loop on or off

• Turn and shrink for the cards leaving the centre, card width, gap, radius, arrows

• Card heading level, rail name and play/pause labels for screen readers, empty-state text

• Text size; accent, text, muted and card colours

Limits: one clip plays at a time by design. Clips are muted (browsers require it for autoplay).

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

-   All · #10868

## Details

- **Author**: Aisol Studio
- **Price**: $12.00
- **Published**: 2026-09-04
- **Updated**: 2026-10-14
- **Added**: 2026-09-04
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator