Fade Slider vs SlideVerse – Slider, Carousel & Image Slider Blocks for Gutenberg

Fade Slider is a lightweight, modern carousel/slider plugin built on Bootstrap 5.3. It provides smooth fade and slide animations with full responsiveness and works seamlessly with any WordPress theme. Key Features Bootstrap 5.3 carousel component with native animations Fade and slide animation modes Fully responsive design (mobile, tablet, desktop) Adaptive height scaling for different screen sizes Touch and keyboard navigation support Customizable interval, pause behavior, and autoplay Slide titles, descriptions, and clickable URLs Indicator dots and navigation arrows Responsive caption display with mobile optimization Works with any theme (includes Bootstrap or uses CDN) Automatic Bootstrap duplicate detection (prevents conflicts) Drag and drop slide reordering with visual feedback Auto-save slide order when reordered Custom Options 1. Install and activate the plugin 2. Create a new slider in the admin panel (Fade Slider menu) 3. Configure animation type (Fade or Slide) 4. Set carousel interval (delay between slides in milliseconds) 5. Add slides with images, titles, descriptions, and URLs 6. Set slider height/width (auto-scales to 70% on tablet, 60% on mobile, 50% on small phones) 7. Choose to show/hide captions on small devices 8. **Drag and drop slides to reorder** - Simply click and drag a slide thumbnail to change its display order. Visual feedback shows where the slide will be placed 9. Add shortcode to page/post: [display_fade_slider id=SLIDER_ID] 10. Or use template: Shortcode Usage [display_fade_slider id=1] Configuration Options Animation: Choose between Fade or Slide effects Interval: Set auto-play delay (milliseconds) or turn off with ‘off’ Hover Pause: Pause slider on mouse hover Show Indicators: Display bottom dot navigation Show Arrows: Display prev/next buttons Description Responsive: Hide captions on mobile devices (only shows on desktop/tablet) Slider Height and Width: Auto-responsive scaling Frequently Asked Questions Which Bootstrap version is required? Bootstrap 5.3.3 is automatically loaded via CDN. If your theme already includes Bootstrap 5.3+, the plugin will automatically detect and avoid duplication. Do I need to install Bootstrap separately? No. Bootstrap 5.3 is loaded automatically via CDN. The plugin includes intelligent duplicate detection to prevent conflicts with theme-provided Bootstrap. Does it work on mobile devices? Yes. The plugin is fully responsive with adaptive height scaling: Desktop (≥1200px): Full configured dimensions Tablet (768px-1199px): 70% of viewport height Mobile (≤767px): 50-60% of viewport height Small phones (≤375px): 40% of viewport height Can I customize animations? Yes. Two animation modes are available: Fade (opacity transition) and Slide (horizontal transition). Is there keyboard/touch support? Yes. The carousel supports touch gestures, arrow keys for navigation, and full accessibility features. How do I hide captions on mobile? In slider settings, select “Hide” for “Description Responsive” option. Captions will only show on tablets and desktops (≥768px). How do I reorder slides? You can easily drag and drop slides to change their display order. Click and hold on a slide thumbnail, then drag it to the desired position. The slide order is automatically saved when you release it. Visual highlighting shows where the slide will be positioned. Can I edit slide images after adding them? Yes. Click the edit icon (pencil) on any slide thumbnail to change the image. Click the trash icon to remove a slide entirely.

SlideVerse is a responsive WordPress slider plugin for the Gutenberg block editor, built on the trusted Swiper.js engine. Create touch-enabled, mobile-friendly sliders and carousels — hero sliders, image sliders, post carousels, logo sliders, testimonial sliders, video sliders, free-form content sliders, and before/after image comparisons — directly inside the block editor, without writing a single line of code. From a simple image carousel to a dynamic blog post slider, SlideVerse gives you native Gutenberg blocks and a full set of responsive design controls to build exactly what you need. Visit the SlideVerse website for documentation and demos. Slider & Carousel Blocks Included SlideVerse adds nine purpose-built slider blocks (plus two helper blocks) to the editor: Base Slider & Hero Carousel Build hero and banner sliders from a pre-built slide structure — title, subtitle, description, and a call-to-action button over a background image. Add a colour overlay, set horizontal and vertical content alignment, choose a responsive slide height, and pick from the full range of Swiper transition effects. Image Slider & Photo Carousel A versatile image carousel for galleries, portfolios, product shots, and brand assets. Turn on a click-to-enlarge lightbox gallery, show captions below the image or as a hover overlay, add hover tooltips, and give each image its own link with an open-in-new-tab option. Flexi Content Slider Build each slide out of any Gutenberg blocks — images, headings, buttons, groups, or columns — using the companion Flexi Content Slide block. Choose Auto, Fixed, or Minimum slide height for complete creative freedom over a Swiper-powered carousel. Infinite Slider (Marquee) A continuous, seamless scrolling carousel for logos, partners, text, or any content. Add any Gutenberg blocks inside each slide using the companion Infinite Slider Item block. Supports grab/swipe dragging with smooth inertia, an optional image lightbox, vertical or horizontal direction, and adjustable speed and spacing. Post Slider & Blog Carousel Automatically display your latest posts, pages, or custom post types in a responsive carousel. Filter by category, choose the order and count, trim excerpts, show featured images, and link to full articles — all configured without code. Optional click-to-enlarge image lightbox. Logo Carousel & Partner Showcase Showcase client logos, partner brands, sponsors, or affiliates in a smooth, auto-scrolling carousel. Upload logos, control slides per view and spacing, enable grab/swipe, and turn on an optional image lightbox. Testimonial Slider & Review Carousel Build trust with social proof. Display customer testimonials and reviews with star ratings, author names, roles, and avatars in an elegant, responsive carousel. Video Slider & Video Carousel Present videos in a responsive carousel with thumbnail previews. Supports YouTube, Vimeo, and self-hosted videos, with inline or lightbox playback. Before & After Image Comparison Compare two images with an interactive, draggable divider — ideal for showcasing transformations, edits, renovations, and product effects. Supports horizontal and vertical orientations. Why Choose SlideVerse? Gutenberg-native – No shortcodes and no page builders. Everything works inside the block editor. Responsive by default – Every slider adapts to desktop, tablet, and mobile, with per-device controls. Touch, swipe & grab – Native gesture support on mobile and desktop, powered by Swiper.js. Click-to-enlarge lightbox – Open images in a full-screen gallery with previous/next and keyboard navigation. Full style controls – Background colors, padding, borders, typography, and spacing — responsive, with hover states. Multiple transition effects – Slide, fade, coverflow, flip, creative, and cards. Navigation & pagination – Arrows, dots, fraction, and progress bar, with full position control. Autoplay – Configurable timing, loop, reverse direction, and pause options. Efficient asset loading – Each slider block registers its own styles and scripts, so a block’s assets load only where the block is used. Translation-ready – Built with internationalization in mind (text domain: slideverse). Popular Use Cases Hero, banner, and full-width headline sliders Image sliders and photo galleries Product and portfolio carousels Client testimonial and review showcases Blog post, article, and news carousels Brand, client, and partner logo scrollers Video galleries with lightbox playback Team member and service sliders External services This plugin relies on the following third-party services. Please review their terms and privacy policies. Swiper.js (unpkg CDN) SlideVerse uses the open-source Swiper.js library to power slider functionality on the front end. The library files (swiper-bundle.min.js and swiper-bundle.min.css) are loaded from the unpkg content delivery network on pages where a slider is displayed. When a slider page loads, the visitor’s browser requests these files from unpkg, which means the visitor’s IP address and browser information are exposed to that service as part of the standard HTTP request. No other data is sent. Swiper.js: https://swiperjs.com/ unpkg: https://unpkg.com/ — Terms: https://github.com/mjackson/unpkg#readme YouTube and Vimeo (Video Slider only) If you add a YouTube or Vimeo video to the Video Slider block, the video player is embedded from the respective service on the front end. These services may set cookies and collect data according to their own policies when the embedded player loads or is played. This only applies when you choose to embed YouTube or Vimeo videos. YouTube Terms: https://www.youtube.com/t/terms — Privacy: https://policies.google.com/privacy Vimeo Terms: https://vimeo.com/terms — Privacy: https://vimeo.com/privacy Credits SlideVerse is built on the open-source Swiper.js library. The Before & After block uses react-compare-slider.