slidestory

Instagram-style Stories for Framer

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.

Instagram-style Stories for Framer