About Story Slider

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Carousel Bundle: https://frameze.com/components/category/carousels?ref=bundles

About Story Slider

Instagram-style story slider for Framer: showcase images and videos with 8 transition effects (fade, zoom, iris, dissolve). Includes autoplay, progress bars, captions, CTA buttons, and thumbnail navigation. Fully customizable and mobile-responsive.

Iris, Morph, Dissolve, Zoom & More. Auto-play, Progress Bars & Thumbnail Navigation. Fully Customizable Typography & Demo Mode. No WebGL Required.

Features için madde madde:

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 stroytelling
Photography galleries