What is the Carousel component?

The <Carousel /> component is a versatile component that allows you to display a collection of items in a sliding view. It is perfect for showcasing a series of images, testimonials, product highlights, or any form of content that benefits from a carousel-like navigation and visual representation.

This component uses embla-carousel-react which is renowned for its lightweight and highly customizable nature.

For more information on how to use the <Carousel /> component effectively, check out the documentation and examples on the shadcn/ui documentation as well as the embla-carousel-react documentation.

Carousels - Horizontal

Carousels - Vertical

Carousels - Multiple items

Carousels - With indicators