Framer Story is an Instagram-style story carousel component built specifically for Framer. It lets you create the same tap-through, timed story experience users already know and love — directly inside your website.
Just like Instagram Stories, each story progresses automatically with visual progress indicators, supports images and videos, and allows users to tap or click to move forward and backward. You can showcase product updates, feature releases, testimonials, event highlights, tutorials, or announcements in a format that feels modern and interactive.
With full control over timing, layout, spacing, typography, and interaction behavior, this component blends seamlessly into your design system while delivering a familiar social-style experience.
Whether you're building a SaaS landing page, portfolio, marketing site, or dashboard, this Instagram-like story component increases engagement and keeps users exploring.
Add several story slides within one component for structured, sequential storytelling.
Stories automatically advance with visible progress indicators, just like Instagram.
Set custom timing for images and videos to control pacing precisely.
Users can move forward or backward by tapping or clicking.
Desktop users can navigate stories using keyboard controls.
Visually indicate which stories have been viewed for better clarity.
Optional subtle zoom adds motion depth to images.
Enable like interactions and adjust hold delay for smoother user behavior.
Control thumbnail size, spacing, strip padding, and card radius to match your design.
Customize fonts for usernames, timestamps, captions, and CTA text.
Uses a UI pattern users instantly recognize
Increases time on site through tap-based interaction
Makes announcements feel dynamic instead of static
Organizes content into compact, easy-to-digest slides
Requires no complex setup or external tools
If you want an Instagram story-like component in Framer that feels native, smooth, and fully customizable, Framer Story delivers exactly that.
Muhammad Talha
