Examples

Basic

A simple implementation of the carousel with default settings.

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Wrap Around

Demonstrates a carousel with continuous wrap-around functionality.

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Vertical

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

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Breakpoints

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

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Autoplay

Illustrates the carousel with autoplay functionality enabled.

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Active Classes

An example highlighting active items with custom classes.

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Disabled

A demonstration of how to disable the carousel.

Enabled:

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

Custom Navigation

A demonstration of the carousel with fully customizable navigation controls.

1. 0
2. 1
3. 2
4. 3
5. 4
6. 5
7. 6
8. 7
9. 8
10. 9

Item 1 of 10

Gallery

Transforms the carousel into a gallery-style component.

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10

Item 1 of 10