A lightweight, production-ready WordPress slider plugin built on the Bootstrap 3 carousel framework with Media Library and dynamic post-based slide so …

Mohsin Rafique

PixelsPress

<p>NEO Bootstrap Carousel is a lightweight, production-ready WordPress slider plugin built on the Bootstrap 3 carousel framework. Create unlimited, fully responsive image slideshows or dynamic post-based carousels and embed them anywhere on your site with a simple shortcode or Gutenberg block.</p>
<p>Originally built by <a href="https://pixelspress.com" rel="nofollow ugc">PixelsPress</a>, NEO Bootstrap Carousel is developed and maintained by <a href="https://mohsinrafique.com" rel="nofollow ugc">Mohsin Rafique</a>, a seasoned WordPress and PHP engineer. The plugin is trusted by thousands of WordPress sites worldwide for its simplicity, reliability, and performance.</p>
<p><a href="https://pixelspress.com" rel="nofollow ugc">Online Demo</a> | <a href="https://pixelspress.com/docs/neo-bootstrap-carousel/" rel="nofollow ugc">Documentation & Knowledge Base</a></p>
<h4>Why NEO Bootstrap Carousel?</h4>
<p>Most slider plugins are bloated, slow, and overly complex. NEO Bootstrap Carousel takes a different approach: deliver a fast, accessible, and standards-compliant carousel using the battle-tested Bootstrap framework.</p>
<ul>
<li><strong>Lightweight</strong> – No jQuery UI, no bloated libraries, just Bootstrap + Animate.css</li>
<li><strong>Zero configuration</strong> – Install, add slides, paste shortcode, live in under 2 minutes</li>
<li><strong>Two slide sources</strong> – Media Library images or dynamic posts, WooCommerce products, and custom post types</li>
<li><strong>Gutenberg ready</strong> – Native block editor support, no shortcode memorisation needed</li>
<li><strong>Theme-agnostic</strong> – Works with any WordPress theme, Bootstrap or otherwise</li>
<li><strong>PHP 8.4 ready</strong> – Fully tested on PHP 8.4 with strict type safety</li>
<li><strong>WordPress 7.0 compatible</strong> – jQuery 4.0 compatibility shims included</li>
<li><strong>Touch-enabled</strong> – Swipe navigation on mobile via bundled Hammer.js touch carousel</li>
<li><strong>Accessible</strong> – Keyboard navigation, ARIA roles, screen reader labels</li>
</ul>
<h4>Slide Sources</h4>
<p><strong>Media Library</strong> – Upload and manage slides directly from the WordPress Media Library with drag-and-drop ordering.</p>
<p><strong>Posts, Products & Custom Post Types</strong> – Automatically pull slides from the featured images of any public content type. Pick the Content Type (Posts, WooCommerce Products, or any registered custom post type), then choose what to show:</p>
<ul>
<li>Most Recent – Latest 3 published items</li>
<li>Most Popular – Top 3 by comment count (WooCommerce products ordered by total sales)</li>
<li>Sticky Posts – WordPress sticky posts (core Post type only)</li>
<li>Random – 3 randomly selected items</li>
<li>Specific Category – Items from a chosen taxonomy term (post category, product category, or a CPT taxonomy)</li>
<li>AJAX-powered live reload when switching content sources (no page refresh needed)</li>
</ul>
<h4>Slide Customisation</h4>
<ul>
<li>Title and Caption per slide (editable from the admin panel)</li>
<li>Caption Animations powered by Animate.css (30+ animation styles)</li>
<li>Dark or Light Overlay per slide with adjustable opacity (5% to 100%)</li>
<li>Custom URL per slide – link slides to any internal or external page</li>
<li>Link Target per slide – open slide links in the same window or a new tab</li>
<li>Per-carousel Slide Interval and Caption Animation overrides – leave empty to inherit the global Design settings</li>
<li>Drag-and-drop reordering of slides within the admin panel</li>
</ul>
<h4>Navigation and Controls</h4>
<ul>
<li>Arrow Navigation (Previous / Next) – toggle on or off globally</li>
<li>Indicator Dots (bullet navigation) – toggle on or off globally</li>
<li>Keyboard Navigation – Left/Right arrow keys to navigate slides</li>
<li>Touch/Swipe Support – Native swipe gestures on mobile and tablet devices</li>
<li>Auto-play with configurable interval (default: 5 seconds)</li>
<li>Pause on Hover – carousel pauses when the mouse hovers over it</li>
<li>Wrap Mode – enable or disable infinite looping of slides</li>
</ul>
<h4>Integration</h4>
<ul>
<li>Shortcode: <code>[neo_carousel_shortcode id="123"]</code></li>
<li>Gutenberg Block: NEO Bootstrap Carousel block with visual dropdown selector</li>
<li>Widget areas: paste the shortcode into any sidebar or footer widget</li>
<li>Multiple carousels per page supported</li>
</ul>
<h4>Settings</h4>
<ul>
<li><strong>General Settings</strong> – Toggle captions, arrows, and indicator controls globally</li>
<li><strong>Design Settings</strong> – Choose from 30+ Animate.css animation styles for captions and set the default Slide Interval (ms) for all carousels</li>
<li><strong>Advanced Settings</strong> – Show or hide carousel content on mobile devices</li>
</ul>
<h4>Documentation and Support</h4>
<p>Full, step-by-step documentation lives in the online Knowledge Base:</p>
<p><a href="https://pixelspress.com/docs/neo-bootstrap-carousel/" rel="nofollow ugc">https://pixelspress.com/docs/neo-bootstrap-carousel/</a></p>
<p>It covers everything from your first carousel to advanced use:</p>
<ul>
<li><strong>Getting Started</strong> – install, activate, and build your first carousel</li>
<li><strong>Building Carousels</strong> – media and post/product slides, captions, overlays, and links</li>
<li><strong>Displaying Carousels</strong> – the shortcode, the block, and widget areas</li>
<li><strong>Settings and Customization</strong> – caption animations, slide interval, and mobile display</li>
<li><strong>Troubleshooting</strong> – fixes for the most common issues</li>
<li><strong>Developers</strong> – hooks, filters, and how to customise the carousel output in code</li>
</ul>
<h4>Credits</h4>
<ul>
<li><a href="https://getbootstrap.com/" rel="nofollow ugc">Twitter Bootstrap</a> – Carousel framework by @mdo and @fat</li>
<li><a href="https://animate.style/" rel="nofollow ugc">Animate.css</a> – CSS animations by Daniel Eden</li>
<li><a href="https://hammerjs.github.io/" rel="nofollow ugc">Hammer.js</a> – Touch gesture recognition</li>
<li><a href="https://select2.org/" rel="nofollow ugc">Select2</a> – Enhanced select dropdowns</li>
</ul>
<h4>Translators</h4>
<p>Please contribute to translate our plugin. Contact at <code>mohsin.rafique@gmail.com</code>.</p>


Alternatives to NEO Bootstrap Carousel

Top alternatives