Makeiteasy Slider
Block based slider, leverages the speed and versatility of the Swiper slider. Key Features 🥇 Insert Any Block as a Slide: No restrictions! Use the full power of the WordPress block editor. 🥈 Flexible Configuration: Use Swiper’s full range of features by entering the JSON configuration. 🥉 Lightweight & Fast: Uses only Swiper library as dependency. 🌟 Developer-Friendly: The source code is fully available, making it easy to customize with hooks. NEW! I am accepting suggestions for new features and improvements. If you have an idea, please open an issue on GitHub or write here in support section. JSON configuration how to Head to Swiper docs, to Parameters section to find parameter you need. More elaborate configuration for some features is available further below on page, in Modules section. Once you found the parameters you need, write them as JSON instead as javascript object, i.e.: { autoplay: { delay: 6000, disableOnInteraction: true }, pagination: { clickable: true } } would be written as { "autoplay": { "delay": 6000, "disableOnInteraction": true }, "pagination": { "clickable": true } } And enter them on settings tab in block sidebar under Advanced slider configuration section. You can learn more about JSON in Stackoverflow blog or on W3schools page. Your JSON configuration merges with default configuration needed for swiper to run. You can break slider functioning through misconfiguration, so this is the first place to look if something does not work. There is a built in syntax checker in Advanced slider settings box, Developers There is a full source code on github. You can investigate code, adjust it to your needs, collaborate, …
Top keywords
- configuration7×2.78%
- json5×1.98%
- slider5×1.98%
- swiper5×1.98%
- block4×1.59%
- section4×1.59%
- true4×1.59%
- code3×1.19%
- full3×1.19%
- json configuration3×1.19%
- 60002×0.79%
- 6000 disableoninteraction2×0.79%
SlideVerse – Slider, Carousel & Image Slider Blocks for Gutenberg
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.