Bootstrap 5 Carousel Responsive JavaScript Plugin

If you are using Bootstrap in your new project then this plugin can be very helpful for you. This plugin enhances the functionality of Bootstrap Carousel, and makes it the equivalent of today's modern sliders and carousels. This plugin is fast, small in size and very easy to use.

Try To Drag Left Or Right. You can also try sticky drag here. This also works on mobile.

Try To Drag Up Or Down. This also works on mobile.

Try To Swipe Left Or Right. This also works on mobile.

Try To Swipe Up Or Down. This also works on mobile.

Try To Drag Or Swipe Left Or Right

Try To Drag Or Swipe Up Or Down

You can increase or decrease scale value as well as partial view. Try To Drag Or Swipe Left Or Right

You can increase or decrease scale value as well as partial view. Try To Drag Or Swipe Up Or Down

You can increase or decrease partial view. Try To Drag Or Swipe Left Or Right

You can increase or decrease partial view. Try To Drag Or Swipe Up Or Down

You can increase or decrease partial view. Try To Drag Or Swipe Left Or Right

You can increase or decrease partial view. Try To Drag Or Swipe Up Or Down

You can use any animation for sliding animation just create new or use animation libraries. Try To Swipe Left Or Right

Try To Swipe Left Or Right

Animate text, images, icons etc. of slides with stunning animation effects. Slides change after layers animation ends. All the css animation libraries (like animate.css) are compatible with the plugin.

You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.

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

You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.

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

You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.

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

You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.

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

Height will change according to the height of images. Try To Drag Left Or Right. This also works on mobile.

All slides will change on different time interval and cycle stops at the end slide.

Slide cycle will not play automatically until we changed first manually.

When cycle reaches on last it will stop the cycle.

Try To Use Mousewheel.

Click on me and then press tab key. Then Try To Use left & right keyboard arrow keys.

Click on me and then press tab key. Then Try To Use Up & Down keyboard arrow keys.

You can pause the cycling of the slider on mouseenter and resumes the cycling of the slider on mouseleave.

You can set transition duration value for each slide.

You can also change the transition timing function.

By setting the threshold you can set how far the user must swipe or drag before it is considered a swipe. Swipe or Drag at least 200px then will change.

You can drag or swipe links without any problem.

You can easily change cursors.

You can show loading bars for each slide and loading animation stops on mouse over and again start on mouse leave.

You can show indicators of the carousel as animated bars.

You can display slides numbers easily.

Try To Drag Left Or Right and hold again during sliding. This also works on mobile.