Carousel

Native CSS scroll-driven carousel with snap alignment and scroll markers.

Interactive Preview

<div flip-carousel>
          <img src="https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?q=80&w=1000&auto=format&fit=crop" alt="Scenic mountain landscape" style="flex: 0 0 100%; width: 100%; height: 400px; object-fit: cover;" />
          <img src="https://images.unsplash.com/photo-1433086966358-54859d0ed716?q=80&w=1000&auto=format&fit=crop" alt="Waterfall flowing through a green forest" style="flex: 0 0 100%; width: 100%; height: 400px; object-fit: cover;" />
          <img src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=1000&auto=format&fit=crop" alt="Yosemite valley view" style="flex: 0 0 100%; width: 100%; height: 400px; object-fit: cover;" />
          <img src="https://images.unsplash.com/photo-1465146344425-f00d5f5c8f07?q=80&w=1000&auto=format&fit=crop" alt="Sunlit vibrant flower field" style="flex: 0 0 100%; width: 100%; height: 400px; object-fit: cover;" />
        </div>