Slider and Carousel Block – Responsive, Accessible
Slider Block (part of the BlaBlaBlocks suite) is a WordPress plugin that lets you build responsive sliders, carousels, and Gutenberg sliders directly inside the Block Editor no shortcodes, no page builders, and no coding required. This block gives you an intuitive, visual way to add sliders to your pages, posts, or full site editing templates. Choose from ready-to-use templates or start from scratch, fully customize slide layout, autoplay, and navigation all within the native WordPress interface. Why Choose BlaBlaBlocks Slider Block? Accessible by Design – WCAG-compliant with ARIA roles, keyboard navigation, and screen-reader support. Responsive and Fluid – Automatically adapts to mobile, tablet, and desktop breakpoints. Gutenberg-Native Experience – Seamlessly integrated into the Block Editor. Query Loop Support – Turn WordPress posts into a dynamic carousel using the native Query Loop block. Template Library – Insert pre-built slider layouts: hero sections, testimonials, image carousels, and more. Server-Side Rendering – Ensures your editor preview always matches the frontend output. Lightweight and Fast – Minimal scripts, optimized rendering, and no frontend bloat. Whether you’re creating a full-width hero slider, a small testimonial carousel, or a product showcase, the Slider Block makes it simple, accessible, and fast. Key Features Accessible Sliders Every slider is fully accessible out of the box: Keyboard navigation for next/previous slides. ARIA labels and roles for assistive technologies. Screen reader-friendly transitions. Optional focus management for improved UX. Responsive by Default Your slider automatically scales to different viewports. Adjust slides per view, spacing, and breakpoints — perfect for mobile-first sites. Gutenberg Integration Built entirely for the WordPress Block Editor, this plugin uses the latest React-based block architecture. You can: Drag and drop slides directly in the editor. Use nested blocks for advanced layouts. Adjust all options in the right sidebar no shortcodes or widgets. Posts Carousel with Query Loop Build dynamic carousels from your latest or filtered posts using the native Query Loop block. You can: Insert the Posts Carousel variation directly from the Slider block. Use WordPress query controls to choose post type, order, and posts per page. Customize the post template with core blocks like featured image, title, excerpt, date, and read more. Pre-Made Templates Skip the setup with built-in templates for: Hero sliders Image carousels Testimonials Content showcases Each template is fully customizable just insert, edit, and publish. Advanced Configuration Fine-tune every detail: Slides per view Pagination and navigation controls Autoplay and speed settings Transition effects Direction (horizontal/vertical) Lightweight and Optimized Slider Block uses minimal JavaScript and CSS only loading assets when the block appears on the page. This ensures fast load times and top performance scores. How to Create a Slider in Gutenberg Open the Block Editor (Gutenberg). Search for “Slider” to add the block. Insert the BlaBlaBlocks Slider Block. Add slides you can use images, headings, buttons, or any block inside each slide. Customize slider options in the sidebar panel (autoplay, speed, arrows, pagination). Save and preview your responsive slider is ready! Check documentation more details. How to Use Templates Library Click the “Template Library” button inside the slider block toolbar. Choose from multiple designs Hero, Testimonial, Carousel, Gallery. Customize slide content, layout, and animations instantly. Check documentation more details. Common Use Cases Homepage hero sliders with call-to-action buttons. Testimonial carousels on service pages. Logo sliders for brand showcases. Product image carousels in WooCommerce product pages. Featured content sliders on blogs or portfolios. Technical Features Built with React + WordPress Block API. Uses Swiper.js. Supports dynamic slide content. Server-side rendering ensures perfect frontend/editor consistency. Fully compatible with WordPress 6.6+ and PHP 7.4+. SEO and Performance Slider Block follows best practices for: Semantic HTML output. Accessible ARIA structure for screen readers. Optimized DOM footprint for Core Web Vitals compliance. Troubleshooting The slider doesn’t autoplay: Check the block settings and ensure “Autoplay” is toggled on. Autoplay is disabled by default for accessibility reasons. Keyboard navigation not working: If multiple sliders are on a single page, ensure you’re using version 1.1.0 or later (this fixes navigation conflicts). Layout issues on mobile: Try adjusting the “Slides per view” setting or resetting custom CSS if applied by your theme. Integrations Works with WordPress Core Blocks (Image, Heading, Button, Group). Compatible with WooCommerce product blocks. Can be combined with block patterns and reusable blocks for advanced layouts. Open Source and Contributions The BlaBlaBlocks Slider Block is 100% open source. You’re welcome to use, modify, or contribute improvements. Source Code: https://github.com/lubusIN/blablablocks-slider-block Report Issues: https://github.com/lubusIN/blablablocks-slider-block/issues
Top keywords
- block23×3.09%
- slider18×2.42%
- slider block9×1.21%
- sliders9×1.21%
- wordpress8×1.08%
- editor7×0.94%
- autoplay6×0.81%
- carousels6×0.81%
- navigation6×0.81%
- posts6×0.81%
- slides6×0.81%
- accessible5×0.67%
Master Slider – Responsive Touch Slider
Meet Depicter, the next generation of Master slider, the ultimate tool for creating engaging WordPress slider, carousel, hero section, popup, post slider, product slider, WooCommerce slider, testimonial slider, gallery slider. Start using Depicter, it’s free! Overview Master Slider is a free SEO friendly, responsive image and video slider that truly works on all major devices, and it has super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. Demos | Features | Documentation | Videos | Support With our 8 Starter Samples, creating slideshows has never been so fast and enjoyable! Looking for a perfect Free WordPress theme optimized for both Master Slider and Elementor? Get Phlox theme Master Slider is built using WordPress best practices both on the front and the back end. This results in an efficient, robust and intuitive plugin. It works with any theme, including WordPress Default Themes. Features • The Most SEO Friendly Slider Plugin in Market! • Easy to Use Interface • Simply Create Fully Responsive and Device Optimized Sliders with 8 starter samples • Use Sliders Cross-browser and Works Well on All Popular Browsers! (Tested IE8+ and other modern browsers) • Superlative Lightweight Outputs in Compare with Other Plugins • HTML5 Valid and Clean Markups • Touch Swipe Navigation • Manage Slideshows with Autoplay Timing Options! • 24h Support with Expert Agents (check out our rates on WordPress) • Drag and Drop Slider Creation • Extremely User Friendly Admin Panel • CSS3 Transitions with jQuery Fallback • Hardware Accelerated CSS3 3D Transforms • Optimized for Any Screen Sizes and Touch Devices • Smart Loading Assets • 6+ Interactive Slide Transitions • Smart auto crop • Loop and linear sliding • Shuffle Ordering Slides Option • Auto-height Slider • Vertical and Horizontal Direction Navigation • Fully Customizable Thumbnail and Tabs • Vertical and Horizontal Bullets • Mouse Wheel Navigation • Customizable Arrows • Exclusive Widget and Shortcodes • Scroll Handle Slide Indicator • Smart Memory Management • 6 Modern and Unique Skins • Timer-bar and Circle Timer UI Controls • Custom User Roles and Capabilities • 5 Image Positioning Options (fill, fit, tile,…) • Advanced Import And Export Tool • Built-in Cache Boosting • Translate Ready • Multisite Compatible • Extensive Developer API * Full List of Features Compatible Browsers IE8+ Firefox Safari Opera Chrome iOS browser Android browser Master Slider Pro Features Full-width, Full-screen and Boxed Layout Post Slider – with Advanced Filtering Tool (Any Post-type) WooCommerce Product Slider – With Advanced Filtering Tool Flickr Slider – Make Slider Dynamically From Flickr Photosets or User Latest Photos Facebook Slider – Make Image Gallery Dynamically From Facebook Public Images HD Video Backgrounds for Slides Embedding YouTube and Vimeo Videos Animated Layers 4 Different Layer Types (Text, Image, Button and Video) Huge Verity of Layer Transitions Transition In and Out Available for Each Layer Hotspots and Tooltips over Slides Deep-linking Parallax Effect while Scrolling Layers Parallax Effect while Swiping Layers Parallax Effect while Moving Mouse over Slide Boxed with Visible Nearby Slides Auto Height and Auto Fill Layout Binding Special Actions to Layers (Go to slide, scroll down, play, pause, ..) Custom Pattern and Color Overlay Auto Resizing and Aligning Layers while Resizing Option to Linking Slides, Layers and Hotspots 30+ Ready to Use Sample Sliders (One Click Import) Nice Looking and Easy to Use Layout WYSIWYG Drag & Drop Editor Easy to Use Timeline animation tool Visual Style Editor Visual Transition Effect Editor Visual Button Editor Easy Aligning Layers over Stage Snapping Option on Drag & Drop Layers 9 Different Positioning Origin Points for Each Layer Realtime Animation Preview Moving Layers by Arrow Keys Using WordPress Native Text Editor Using Google Fonts (600+ Fonts) Full List of Pro Features Upgrade to Pro Version Demo for PRO Version Master Slider Demo Sliders Master Slider Features Master Slider Manual Documentations If you have any question about working with “Master Slider”, you can take a look at online documentations Translation French. Special thanks to Thomas Brazilian Portuguese. Special thanks to WebPress Serbian. Special thanks to Borisa Djuraskovic You can start translating Master Slider by our online translation service.