Smart Slider 3 vs Snap Carousel

Homepage | Features | Templates | Videos | Docs | Support Smart Slider 3 is the most powerful and intuitive WordPress plugin to create sliders which was never possible before. Fully responsive, SEO optimized and works with any WordPress theme. Create beautiful sliders and tell stories without any code. Live slide editor A beautiful interface makes creating slides fast and efficient. The complete freedom to build what you want, the way you want. Edit your slides as you used to in page builders. Drop layers after each other and structure them with rows and columns. Unique Layouts with Layers Enhance your slider with the layers and make your site even more unique and grandiose. Every heading, text, image, button and video can be edited easily with the customization options. Change all the details that really matter in typography and style. Responsive, Mobile-Ready Sliders Switch your slider to a different device mode and optimize your content for the resolution. Your site can be enjoyed in any environment, be it a mobile, tablet or desktop. Beautiful Sliders to Start No tech skills are needed, just pick a slider template. It works like magic! Choose from a variety of beautiful templates or start with a blank Slider. The simple way to build every kind: image, layer, video and post slider. Most powerful features Default position – Edit your slides as you used to in page builders. Absolute position – Drag and drop your layers anywhere on the slide with absolute layers. Slide Library – Slide Library provides several pre-made slides to kickstart your work. Totally integrated with WordPress – Media manager, shortcode, widget, post permalinks, post editor. Page Builder support – Elementor, Divi, Beaver Builder, Page Builder by SiteOrigin, Visual Composer, WPBakery Page Builder, Gutenberg and many more… Totally responsive and touch friendly – Sliders can be enjoyed on any device, be it a mobile, tablet or desktop. Dynamic Slides – Available source: WordPress posts Customizable controls – Arrows, Bullets, Autoplay, Bar, Thumbnails, Shadows Slide backgrounds – 9 Super smooth background animations Layers – Build unique designs with 6 varied layers: Image, Heading, Text, Button, Vimeo, YouTube Font and Style manager system – Change easily all the details that really matter in typography and style. Template sliders – 15 sliders to start Features: Import and Export sliders Intuitive slide creation: choose images, select WordPress Posts or add YouTube and Vimeo videos Static overlay Touch swipe, scroll, keyboard navigation Full-width and boxed responsive layouts Slide-switching animations: Horizontal, Vertical, Fade Slide background animations Autoplay timing options Slider controls: Arrow, Bullet, Autoplay, Bar, Thumbnail and Shadow SEO optimized Layers: Image, Heading, Text, Button, Vimeo, YouTube Layer snap in visual slide editor Adaptive layer font sizing Hide layers on specific devices Slide thumbnail image WordPress Multi Site compatible Custom responsive breakpoints Testimonials “I can heartily recommend the free version. It already provides more functionality than any other slider plugin – even many premium ones.” – Daniel Pataki – WPMU DEV “Having tried more than a few WordPress slider plugins, both free and paid, I can honestly say that this is one of the best that I’ve ever tested…” – Daryn Collier – WPKube “Since Smart Slider is free to use, I do not have to really stress how good a plugin it is because you can download it yourself and see for yourself.” – Kevin Muldoon “This plugin can be used for much more than a simple slider – being able to create whole sections of your website.” – Oliver Dale – WPLift “Taking all this into consideration we can safely say that Smart Slider 3 is one of the top WordPress slider plugins.” – Mark Zahra – WP Mayor Support Smart Slider 3 is a community-driven project that would not be the same without your feedback. If you have any problem or feature request for this plugin, please feel free to contact us! Smart Slider 3 Pro Features: All template sliders Layer animation builder Live animation timeline 18 extra layers 2 extra slider types Full page responsive layout All generators for dynamic slides Extra background animations (more than 54) Built-in lightbox Advanced controls and many more control presets A ton of customization options Premium support Full list of features Unlock Your Full Potential with Smart Slider 3 Pro Dynamic slide sources in the FREE version WordPress Posts: WordPress posts by Category and Tag filter or only the specified posts. Dynamic slide sources in PRO version WordPress Custom Posts: WordPress posts from custom post types by custom taxonomy filter or only the specified custom posts WooCommerce slider from products: Woocommerce products by Category, Tag, Featured, In Stock and downloadable filter or only the specified products. NextGEN Gallery: displays the images and related meta from the selected source gallery. Events: Events by Category and Tag filter. Supported plugins: All-in-One Event Calendar, Events Manager, The Events Calendar Image slider: displays the images and related meta from the selected source gallery. Supported plugins: Gallery by BestWebSoft, Photo Gallery by WD Social dynamic sources: Twitter, Facebook, Flickr, Picasa, YouTube, Pinterest Translations English Spanish (es_ES) 99% Portuguese (Brasil) (pt_BR) 60% Polish (pl_PL) 60% Russian (ru_RU) 59% Italian (it_IT) 55% French (fr_FR) 50% Hungarian (hu_HU) 44% Traditional Chinese (zh_TW) 42% Finnish (fi_FI) 39% Japanese (ja_JP) 37% German (de_DE) 31% Is Smart Slider 3 the tool you’ve been looking for? Come hang out in our Facebook Community for tips and inspiration. Dive into our fun YouTube tutorials and supercharge your skills. Show some love on WordPress with a rating to support us. Get inspired daily on Twitter by following us.

Most WordPress carousel plugins load heavy libraries (Slick, Swiper, jQuery) and fail basic accessibility checks. Screen readers can’t navigate them, keyboard users are stuck, and WCAG audits flag them every time. Snap Carousel takes a different approach: CSS scroll-snap does the scrolling, proper ARIA attributes do the rest. No JavaScript library, no configuration panel, no learning curve — just a block style to apply in one click. Built by WeAre[WP], a WordPress agency specializing in accessible websites and RGAA audits. This plugin exists because we needed a carousel that actually passes our own audits. Supported blocks Apply any of the 4 carousel styles to: Group block (core/group) — any child blocks become slides Query Loop block (core/query) — posts scroll as carousel slides Gallery block (core/gallery) — images scroll as carousel slides Variants Carousel (3 items) — 3 visible items + peek Carousel (1 item) — full-width slideshow Carousel (2 items) — 2 visible items + peek Carousel (4 items) — 4 visible items + peek Features 100% CSS scroll-snap — no Slick, no Swiper, no jQuery Prev/next navigation buttons Keyboard navigation (Arrow keys, Home, End) Full ARIA attributes (role=”region”, aria-roledescription, aria-live) Peek effect: partial visibility of the next item, signaling scrollable content Responsive (auto tablet/mobile adaptation) Respects prefers-reduced-motion Works with Group, Query Loop, and Gallery blocks Works with any child block (images, columns, groups, WooCommerce…) Lightweight: ~2 KB CSS + ~2 KB JS, zero external dependency Full RTL (right-to-left) language support Fully internationalized (i18n ready, French translation included) Easy to customize via CSS custom properties or overrides Accessibility (WCAG 2.2 AA) role="region" + aria-roledescription="carousel" on the container role="group" + aria-roledescription="slide" on each item aria-label="X of Y" for position context tabindex="0" for keyboard focus aria-live="polite" to announce changes Buttons with aria-label and aria-controls Touch targets 44×44px minimum Visible focus indicator Usage With a Group block In the editor, create a Group block Set the group layout to Row Add child blocks (images, groups, columns…) In the sidebar panel → Styles → choose Carousel (3 items) (or another variant) Publish With a Query Loop block Insert a Query Loop block Configure the query (post type, filters, number of items…) In the sidebar panel → Styles → choose a Carousel variant Publish — posts scroll horizontally as carousel slides With a Gallery block Insert a Gallery block and add images In the sidebar panel → Styles → choose a Carousel variant Publish — images scroll horizontally as carousel slides Navigation buttons and accessibility attributes are automatically injected on the front-end. Customization The carousel is designed to work out of the box, but you can easily override styles in your theme’s style.css or via the WordPress Customizer > Additional CSS. Disable the peek effect By default, items are slightly narrower than the visible area so the next item “peeks” in — signaling there is more content to scroll. To disable this and show full-width items: /* Disable peek — 3 items variant */ .is-style-snap-carousel > * { flex-basis: calc(33.333% - 1rem) !important; } /* Disable peek — 1 item variant */ .is-style-snap-carousel-single > * { flex-basis: 100% !important; } /* Disable peek — 2 items variant */ .is-style-snap-carousel-duo > * { flex-basis: calc(50% - 0.75rem) !important; } /* Disable peek — 4 items variant */ .is-style-snap-carousel-quad > * { flex-basis: calc(25% - 1.125rem) !important; } Customize navigation arrows /* Arrow color and background */ .snap-carousel-prev, .snap-carousel-next { background: #0073aa; color: #ffffff; border-color: #0073aa; } /* Arrow hover state */ .snap-carousel-prev:hover, .snap-carousel-next:hover { background: #005177; color: #ffffff; } /* Arrow size (default: 44px — WCAG minimum touch target) */ .snap-carousel-prev, .snap-carousel-next { width: 48px; height: 48px; } /* Square arrows instead of round */ .snap-carousel-prev, .snap-carousel-next { border-radius: 8px; } Customize spacing /* Gap between items */ [class*="is-style-snap-carousel"] { gap: 2rem; } /* Space above carousel (room for navigation) */ .snap-carousel-wrapper { padding-top: 4rem; } Customize focus indicator /* Custom focus color for keyboard navigation */ [class*="is-style-snap-carousel"]:focus-visible { outline-color: #ff6600; outline-width: 3px; } .snap-carousel-prev:focus-visible, .snap-carousel-next:focus-visible { outline-color: #ff6600; } Use with WordPress theme.json design tokens The carousel already uses --wp--preset--color--base, --wp--preset--color--contrast and --wp--preset--color--primary tokens. You can override these per-block in theme.json or via CSS: /* Example: dark themed carousel */ .snap-carousel-wrapper { --wp--preset--color--base: #1a1a2e; --wp--preset--color--contrast: #e0e0e0; --wp--preset--color--primary: #e94560; } Technical Notes – CSS overrides flex-wrap: nowrap on the Row container to force horizontal scrolling – Items use a slightly reduced flex-basis to create a peek effect (next item partially visible) – Navigation buttons are positioned absolute at the top right (adjust top value for your theme) – JS uses a 150ms debounce on scroll for button state updates and 300ms for screen reader announcements – Compatible with WooCommerce blocks (products, etc.) About Snap Carousel is built and maintained by WeAre[WP], a French WordPress agency specializing in accessible websites and RGAA compliance audits. This plugin was built to solve a real problem: every carousel plugin we audited failed basic accessibility requirements. So we built one that passes our own audits. Need help with your WordPress project? Get in touch.