Instagram Story
Instagram-style story slider with auto-play timer and progress bars
Make it with Workshop
Build your own component with AI
About this Component
Create engaging Instagram-style stories on your website with this interactive Story Viewer component. Perfect for showcasing products, announcements, or visual narratives with automatic progression and smooth transitions.
Key Features:
uto-Play Stories: Automatically cycles through images with customizable duration per slide
Interactive Navigation: Click left or right side to navigate between stories - Visual Progress Bars: Shows progress for each story with customizable colors and height
Pause on Hover: Optionally pause playback when users hover over the component - Smooth Transitions: Beautiful fade animations between stories (0.5s easeInOut)
Fully Customizable: Adjust border radius, progress bar styling, and timing
Responsive Design: Works perfectly at any size with object-fit cover for images
Use Cases: - Product showcases and launches - Behind-the-scenes content - Step-by-step tutorials - Event highlights - Promotional campaigns - Portfolio presentations
How to Use: Simply add the component to your canvas, upload your images, and set the duration for each story.
