Snap Carousel vs Starter Templates

Website Templates, Page Templates and Block Patterns for WordPress Starter Templates is a growing library of 300+ ready-to-use website templates for WordPress. Import a complete website design, a single page template, or an individual section, in one click. Every template works with any WordPress theme, and with the page builder you already use: Elementor, Beaver Builder, Spectra, or the WordPress block editor (Gutenberg). Starter Templates demo Highlights 300+ website templates and ready-made site designs Free Elementor templates and Gutenberg templates 200+ page sections, block patterns and layouts Pre-built sections designed for specific use-cases Full site templates, page templates and section templates AI website builder with built-in AI assistant Adaptive design library with royalty-free images Works with any WordPress theme Supported page builders: Elementor, Spectra, Beaver Builder, and WordPress Block Editor One-Click Website Templates and Template Kits Building a website design from a blank page takes weeks. With Starter Templates you pick a template, import it, and edit the content. Every design is a complete template kit, not just a demo page, but the pages, layouts and settings that make a finished website. You can import at three levels: Full website templates: Every page, menu, and setting for a complete site Page templates: A single page design dropped into your existing site Sections and block patterns: Individual layouts added to any page Preview any template as a live demo before you import it, so you always know what you are getting. Realistic Templates for Every Business Starter Templates goes beyond stunning design. It delivers readymade website templates specifically crafted with your business in mind. Launching an eCommerce store? We have a diverse selection of store templates to get you selling in no time. Creating a business website? We have dozens of professional-quality designs ready for you to make your mark. No matter your industry or niche, we have a template that perfectly aligns with your vision. Free Elementor Templates A fan of Elementor? Look no further. Starter Templates offers a vast collection of professionally designed Elementor templates, with more than 300 Elementor templates available. Import entire websites built with Elementor, individual page templates, or specific blocks to enhance your site’s layout and design. Then just drag, drop, customize, and launch your website. WordPress Block Editor (Gutenberg) Templates The WordPress block editor is changing the game for website creation, and building from scratch is still slow. Starter Templates offers a large library of readymade Gutenberg templates, block patterns and page layouts, all editable natively in the block editor. Hundreds of Sections and Block Patterns Every section is built for a specific use-case. A hero to open a landing page, a pricing table for a service business, a testimonial layout for social proof, a team grid for an about page. Drop one into any page and the layout, spacing and styling are already handled. Swap the text and images, and the section is done. Want to customize your website design to make it truly unique? Use sections, block patterns and layouts to add your personal style. Available sections include: Hero, Page Header, About, Services, Features, Contact, Why Choose Us, Call To Action, Portfolio, Gallery, Testimonials, Pricing, FAQ, Team, Statistics. Templates That Install the Plugins They Need Depending on the type of template you import, Starter Templates also installs the plugins that template needs to work. Import a booking template and the plugins that provide booking are set up for you. Import an online store template and the eCommerce plugins come with it. You do not need to go hunting for another plugin after importing a template, because the design arrives ready to run. AI-Integrated Adaptive Design Library Personalize blocks and patterns to match your website style with the power of AI. The design library within the Starter Templates plugin is integrated with AI and royalty-free image repositories. All elements come pre-populated with relevant text and images that you can easily customize to match your brand. Lightning Fast Websites Starter Templates prioritizes speed and efficiency without compromising quality. Pages created with Starter Templates have efficient, clean code and are free from unnecessary elements. This means faster load times and a smoother experience for visitors on any browser or device. AI Website Builder Alongside the template library, Starter Templates includes an AI website builder. Describe your business and the AI selects a design, generates professional copy, and curates visuals to match your brand, producing a complete website in under two minutes, which you then edit like any other template. Follow the steps below: Enter the name of your website and select the type of website you’re creating (portfolio, business site, landing page, or something else). Describe your business. Use AI to refine your description prompt if you need to. Add your contact details and social media handles so people can interact. The AI will suggest images based on your input. Select the images you want to use. Choose the website structure from the options. Select any site features you need. The AI will generate a website in under 2 minutes. Customize your site as you see fit! AI Assistant for WordPress Our AI Assistant works in a similar way to ChatGPT but is specifically tailored for WordPress. With just a click of a button, you can use AI to help write copy for landing pages, proofread blog posts, translate content into different languages, generate custom HTML and CSS codes, and much more. Royalty-Free Images The Starter Templates plugin offers seamless integration with leading royalty-free image repositories such as Pexels and Unsplash. You have access to millions of top-tier images within your WordPress dashboard. Simply search for the image you need and select it. Training Videos We offer a range of comprehensive training videos designed to complement our templates. They provide the knowledge and skills necessary to build, launch, and maintain your website. Types of Websites You Can Create Starter Templates is perfect for building websites for: personal branding, restaurants, service providers, nonprofits and charities, events, startups, local businesses, wellness businesses, landing pages, lead generation websites, eCommerce stores, blogs, manufacturing businesses, and any other type of WordPress website. There’s no limit to what you can create. Please note: To access AI-generated templates and websites, you’ll need a ZipWP account. Signing up is quick, easy, and 100% free. Fun Facts About Starter Templates ✓ Over 5,000 websites are built with Starter Templates every day. ✓ The plugin has been installed on more than 2 million websites. ✓ Starter Templates has more than 4,500 five-star reviews. ✓ Our team of dedicated full-time WordPress experts help and support hundreds of users daily. ✓ A devoted team of full-time designers keeps the design library up to date. ✓ Our plugin offers more than 150 free Elementor templates. ✓ You can import a complete website, individual page, or section of a page in seconds.

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.