Aisol Story Reel

A story reel for Framer: images and short videos in the format people know from phones, with progress bars at the top and a tap on either side to go back or forward.

What you get

- One Framer code component (Aisol Story Reel), delivered as a Component URL.

- Five sample café stories drawn in code, so it looks complete the moment you drop it in.

- Stories from the properties panel or from a CMS Collection List (image or MP4, caption, link).

- Free updates.

How it behaves

- Images play for the time you set; videos play for their own length, start muted and have a mute button. Only the current video loads and plays.

- Press and hold to pause, release to continue; swipe left or right to change story. An up-down swipe on a phone scrolls the page.

- It pauses when it leaves the screen or the tab is hidden, and continues when it comes back.

- Keyboard: Previous, Pause and Next buttons, and the left and right arrow keys. Keyboard focus inside the reel pauses it until Play is pressed.

- Reduced motion and the Framer canvas show the first story still.

Limits

Videos must be MP4. A Collection List needs its pagination off and item layers named Image, Video, Caption and Link (names editable). Long captions scroll inside the card.

Requirements

Any Framer project. No plugins, no API keys.