ambronet

<p>Wuppi Blocks is a collection of twelve lightweight Gutenberg blocks and service-focused patterns for modern block themes. It is designed to pair naturally with the <a href="https://wordpress.org/themes/wuppi/" rel="ugc">Wuppi theme</a>, while keeping the core blocks and section patterns usable on other modern WordPress themes.</p>
<p>The plugin focuses on common needs for service businesses: icons, notices, testimonials, accordions, service cards, team profiles, opening hours, counters, pricing tables, price lists, icon lists, and an animated hero section. All custom blocks use WordPress core APIs and bundled assets only. On non-Wuppi themes, the plugin exposes four ready-made section patterns: Service Card, Services Grid, Contact Cards, and Contact Booking. When the Wuppi theme is active, it also registers the extra Home Page Starter and Contact Page Starter layouts.</p>
<h3>Features</h3>
<ul>
<li><strong>wuppi/icon</strong> — inline SVG icons from the Lucide icon set with size, color, stroke, and alignment controls</li>
<li><strong>wuppi/notice</strong> — alert and notice boxes with info, warning, success, and error variants</li>
<li><strong>wuppi/testimonial</strong> — testimonial card with quote, author, role, and star rating</li>
<li><strong>wuppi/accordion</strong> — expandable FAQ items with optional JSON-LD schema markup</li>
<li><strong>wuppi/icon-list</strong> — list of items with inline icons and text labels</li>
<li><strong>wuppi/lumina-hero</strong> — animated aurora borealis hero section with InnerBlocks content area</li>
<li><strong>wuppi/service-card</strong> — service card with icon, heading, description, and optional link</li>
<li><strong>wuppi/team-member</strong> — team member card with photo, name, role, bio, and social links</li>
<li><strong>wuppi/opening-hours</strong> — business hours table with automatic today highlight</li>
<li><strong>wuppi/counter</strong> — animated numeric counter triggered on scroll</li>
<li><strong>wuppi/pricing-table</strong> — pricing card with feature list, badge, and call-to-action button</li>
<li><strong>wuppi/price-list</strong> — service or menu price list with configurable currency and divider styles</li>
<li>Service Card pattern — single card with icon, heading, and description</li>
<li>Services Grid pattern — three service cards in a responsive row</li>
<li>Contact Cards pattern — stacked horizontal cards for contact information</li>
<li>Contact Booking Section pattern — full section with hours, address, and booking details</li>
<li>Home Page Starter — full-page layout available only when the Wuppi theme is active</li>
<li>Contact Page Starter — full-page contact layout available only when the Wuppi theme is active</li>
</ul>
<h3>Credits</h3>
<h4>Icons</h4>
<p>Lucide SVG icons<br />
Copyright: Lucide Contributors<br />
License: ISC – https://lucide.dev/license<br />
Source: https://lucide.dev</p>


Wuppi Blocks

Twelve lightweight Gutenberg blocks and service-focused patterns for modern block themes.

David Jensen

CloudCatch

<p>The Splide Carousel block introduces the capability to create carousels/sliders within the block editor. Each carousel may contain an infinite number of slides, with each slides containing their own inner blocks.</p>
<p>Use the Splide Carousel block to create image carousels, testimonial rotators, and more in Gutenberg!</p>
<p><a href="https://splide-demo.cloudcatch.io/" rel="nofollow ugc">View Demo</a></p>
<h3>Options</h3>
<ul>
<li>Arrows Navigation</li>
<li>Dots Pagination</li>
<li>Autoplay</li>
<li>Slide and Fade Transitions</li>
<li>Infinite Loop</li>
<li>API to control the carousel using JavaScript</li>
<li>Fixed Slide Width / Height</li>
<li>Variable Slide Width / Height</li>
<li>Number of Slides Per Page</li>
<li>Slide Spacing</li>
<li>Video Support</li>
<li>Auto Scroll</li>
<li>Hash Navigation</li>
<li>Lazyload</li>
<li>FSE (Full Site Editing) Compatible</li>
<li>Fully Accessible</li>
<li>RTL Support</li>
<li>Responsive</li>
<li>No Google Lighthouse Issues</li>
<li>Lightweight</li>
<li><a href="https://splidejs.com/guides/options/#options" rel="nofollow ugc">…and more!</a></li>
</ul>
<h3>Attribution</h3>
<p>The Splide Carousel block uses the <a href="https://splidejs.com/" rel="nofollow ugc">Splide</a> library.</p>


Splide Carousel Block

Carousel block using Splide to create flexible and accessible sliders

Wuppi Blocks vs Splide Carousel Block