React Carousel Slider with Thumbnails

React Carousel Slider with Thumbnails component

Learn how to build a responsive carousel with React Bootstrap 5. Tutorial & templates for image gallery slider with thumbnails. Vertical carousel example included.

Basic example

A simple react bootstrap slider with arrows and thumbnails as controls.

Bootstrap 5 Extended Carousel with Thumbnails

Show code

This is a mobile version of the documentation.

View this website on the desktop to copy & edit the source code of the component.

Material Design styling

This carousel looks more pleasant thanks to the rounded corners and shadow applied in accordance with Material Design guidelines.

Bootstrap 5 & Material Design Extended Carousel with Thumbnails

Show code

This is a mobile version of the documentation.

View this website on the desktop to copy & edit the source code of the component.

eCommerce gallery (vertical thumbnails)

An example of a react bootstrap product carousel with zoom effect and vertical thumbnails, adjusted to eCommerce projects.

To learn more read eCommerce Gallery Docs.

Note: This component requires MDBootstrap Pro package.

Show code

This is a mobile version of the documentation.

View this website on the desktop to copy & edit the source code of the component.