Multi item carousel

Angular Bootstrap 5 Multi item carousel plugin

An advanced slideshow component for cycling through images with a selectable number of active items.

Note: Read the API tab to find all available options and advanced customization

Basic example

A basic example of a multi carousel with the most common use case with 3 active items (default version).

Show code

Vertical example

To enable vertical mode just add vertical class to the wrapper element.

Show code

Lightbox integration

Set lightbox input to enable lightbox.

To ensure the proper performance of the page, it is recommended to include thumbnails of images in the src key. Then in the img key add the path to the image with higher resolution. If the img key is omitted, the lightbox will display the same image as in the reduced size.

Show code

Active items

Set a items input to change the number of active images.

Show code

Breakpoint

To change breakpoint on small devices easily set breakpoint value (default value is 992).

Show code

Autoplay

Set a interval input to enable autoplay.

Show code