DEV Community

Cover image for AvalynxCardSlider: Native JS Bootstrap Card Slider
jQueryScript
jQueryScript

Posted on

AvalynxCardSlider: Native JS Bootstrap Card Slider

AvalynxCardSlider: a vanilla JavaScript card slider built specifically for Bootstrap 5 grid rows.

Key highlights:
• Targets your existing .row and Bootstrap column classes directly
• Two scroll modes: single-card and full-page
• Auto-generated pagination dots with active state tracking
• Page-mode placeholder columns for clean last-page layouts
• Debounced resize listener for responsive recalculation
• Zero jQuery, zero Swiper runtime
• MIT license — available via npm, jsDelivr CDN, Composer, and Symfony AssetMapper

If your project runs Bootstrap 5, this is the fastest path to a working card slider. No markup restructuring needed.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)