5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T626,

Use it with CMS in three steps: 1. Drop a Collection List into Reels (CMS) and turn off its Pagination. 2. In the item, add a text or link layer named Video holding the file URL, an image layer named Poster and a text layer named Title. A Framer Video layer is also read, but a URL layer avoids loading the video twice. 3. Every item becomes a reel card drawn by the rail (poster and title), and the card in focus plays.

The rail reads each item and draws its own cards, so your list stays untouched. The list is hidden after reading, so a Load more button is not shown. Your item's own layout and hover effects are not shown.

A horizontal rail of video cards. Only the card in focus plays, and playback stops when the rail leaves the screen or the tab is hidden.

Key features

- One clip at a time, including in Button only mode: card in focus, on hover, or with a play button.

- Arrow keys, Home, End and arrow buttons move playback.

- Cards turn and shrink as they leave the centre.

- Reduced motion: no autoplay, every card gets a play button.

- Card links get an accessible name from the reel title.

- The canvas shows posters only; the rail plays in Preview and on the site.

What you control

- Reels (CMS) slot, or hand-made Reels with title, subtitle, badge, video, poster, alt text and link

- Layer names; Fit CMS Media Off keeps each poster's own shape

- Shape, play mode, loop, turn, shrink, card width, gap, radius, arrows

- Heading level, fonts, colours and labels

5a:[["$","$L5d",null,{"post":{"id":"01a06cee-a2a1-734a-b15a-b96347cc0db1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jJmmOFVxPOBI9eyo2vJX","resolved":true,"title":"Aisol Reel Rail","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it with CMS in three steps: 1. Drop a Collection List into Reels (CMS) and turn off its Pagination. 2. In the item, add a text or link layer named Video holding the file URL, an image layer named Poster and a text layer named Title. A Framer Video layer is also read, but a URL layer avoids loading the video twice. 3. Every item becomes a reel card drawn by the rail (poster and title), and the card in focus plays."}]},{"type":"paragraph","content":[{"type":"text","text":"The rail reads each item and draws its own cards, so your list stays untouched. The list is hidden after reading, so a Load more button is not shown. Your item's own layout and hover effects are not shown."}]},{"type":"paragraph","content":[{"type":"text","text":"A horizontal rail of video cards. Only the card in focus plays, and playback stops when the rail leaves the screen or the tab is hidden."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features"}]},{"type":"paragraph","content":[{"type":"text","text":"- One clip at a time, including in Button only mode: card in focus, on hover, or with a play button."}]},{"type":"paragraph","content":[{"type":"text","text":"- Arrow keys, Home, End and arrow buttons move playback."}]},{"type":"paragraph","content":[{"type":"text","text":"- Cards turn and shrink as they leave the centre."}]},{"type":"paragraph","content":[{"type":"text","text":"- Reduced motion: no autoplay, every card gets a play button."}]},{"type":"paragraph","content":[{"type":"text","text":"- Card links get an accessible name from the reel title."}]},{"type":"paragraph","content":[{"type":"text","text":"- The canvas shows posters only; the rail plays in Preview and on the site."}]},{"type":"paragraph","content":[{"type":"text","text":"What you control"}]},{"type":"paragraph","content":[{"type":"text","text":"- Reels (CMS) slot, or hand-made Reels with title, subtitle, badge, video, poster, alt text and link"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layer names; Fit CMS Media Off keeps each poster's own shape"}]},{"type":"paragraph","content":[{"type":"text","text":"- Shape, play mode, loop, turn, shrink, card width, gap, radius, arrows"}]},{"type":"paragraph","content":[{"type":"text","text":"- Heading level, fonts, colours and labels"}]}]},"introduction":"Video cards — one plays at a time","slug":"aisol-reel-rail","author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/01a06cee-5ae1-74d5-b345-a08bb1e7f4cb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-04T14:59:33.122Z","updatedAt":"2026-10-02T10:51:44.364Z","publishedAt":"2026-09-04T14:59:33.117Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-timing-694660.framer.app/aisol-reel-rail","price":"12","paymentUrl":"https://payhip.com/b/uzQU3","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"lU6rAOGxdlD5du5IGZtP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-04T14:59:33.666Z","updatedAt":"2026-09-04T14:59:33.666Z","reported":false}}],"$L5f"]

Suggested for you