Frame Story

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.

Feature Highlights

Multiple Story Items

Add several story slides within one component for structured, sequential storytelling.

Autoplay with Progress Bars

Stories automatically advance with visible progress indicators, just like Instagram.

Image & Video Duration Control

Set custom timing for images and videos to control pacing precisely.

Tap & Click Navigation

Users can move forward or backward by tapping or clicking.

Keyboard Support

Desktop users can navigate stories using keyboard controls.

Seen & Unseen States

Visually indicate which stories have been viewed for better clarity.

Auto Zoom Effect

Optional subtle zoom adds motion depth to images.

Interaction Controls

Enable like interactions and adjust hold delay for smoother user behavior.

Fully Customizable Layout

Control thumbnail size, spacing, strip padding, and card radius to match your design.

Typography Controls

Customize fonts for usernames, timestamps, captions, and CTA text.

Why This Is Powerful for Your Framer Site

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