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
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
