slidestory

Add a familiar, high-engagement social experience to your Framer website in seconds. The Story Viewer component is a production-ready, zero-dependency solution designed to keep users on your site longer.

It perfectly mimics the "Story" experience users love from Instagram and Snapchat, complete with a horizontal user rail, immersive full-screen viewer, and intuitive tap/swipe gestures.

Key Features:

• Mixed Media Support: Seamlessly blend images and videos. Videos auto-play with sound controls, while images have customizable duration.

• Call-to-Action (CTA) Layers: Convert viewers into customers by adding custom "Learn More" or "Buy Now" buttons to any story slide.

• "Seen" State Tracking: Just like social apps, the thumbnail ring turns gray after a user watches the stories, helping them track their progress.

• Native Gestures: comprehensive support for tap-to-advance, tap-back, and swipe-down to close.

• Fully Customizable: Tweak ring colors, fonts, and "seen" states to match your brand identity perfectly without touching code.

  . 100% Responsive: Optimized for both desktop (keyboard navigation included) and mobile touch experiences.

Perfect for:

• Portfolios showcasing daily updates.

• E-commerce sites highlighting product demos.

• Event pages and digital invitations.

• Personal blogs and social-link pages.