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.
Vrny Studios
