← All Components
Carousels
Story Slider
$8
A carousels component built for Framer. Live preview below — interact with it directly before you buy.
About Story Slider
Instagram-style story slider for Framer: showcase images and videos with 8 transition effects (fade, slide, wipe, zoom, iris, bars, morph and dissolve). Includes autoplay, progress bars, captions, CTA buttons, and thumbnail navigation. Fully customizable typography and a live Demo Mode, built with pure React and Canvas 2D — no WebGL, no GSAP, no external dependencies.
Features
- →Eight Canvas 2D transitions — fade, slide, wipe, zoom, iris, bars, morph & dissolve
- →Built-in demo mode with visual effect picker — switch transitions live on screen
- →Auto-play with configurable slide duration per story
- →Progress bar indicators with clickable navigation
- →Thumbnail strip — vertical or horizontal, fully positionable
- →CTA button per slide with custom link, color & border radius
- →Label & sublabel per slide with independent font family controls
- →Left/right arrow navigation — smart offset when thumbnails are active
- →Loop & autoplay toggle
- →Touch swipe support for mobile
- →Keyboard navigation — arrow keys & spacebar
- →Video & image support per slide with mute control
- →No WebGL, no GSAP, no external dependencies — pure React & Canvas 2D
Use Cases
- →Fashion campaigns
- →Editorial portfolios
- →Product showcases
- →Agency hero sections
- →Brand storytelling
- →Photography galleries
Best value
Get every component with All-Access — $129
Story Slider and all 122 others, current and future.
Get All-Access
