Examples

This page showcases examples of the carousel component with live demos. Explore different configurations from basic to advanced, and use the provided code samples as starting points for your own implementations.

Basic

A simple implementation of the carousel with default settings.

Wrap Around

Demonstrates a carousel with continuous wrap-around functionality.

Vertical

Showcases a vertically scrolling carousel. Adjust the height to better fit your content.

Breakpoints

An example of a responsive carousel with breakpoints for varying screen sizes.

Autoplay

Illustrates the carousel with autoplay functionality enabled.

Marquee

Scrolls the slides continuously at a constant speed, pausing on hover.

Mouse Wheel

Demonstrates the carousel with mouse wheel scrolling navigation enabled.

Native CSS

A scroll-snap carousel driven by the browser, with the regular navigation and pagination on top.

Active Classes

An example highlighting active items with custom classes.

Custom Navigation

A demonstration of the carousel with fully customizable navigation controls.

Gallery

Transforms the carousel into a gallery-style component.