Instagram Story

Create engaging Instagram-style stories on your website with this interactive Story Viewer 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.