Adaire Blocks

THE ESSENTIAL GUTENBERG BLOCK COLLECTION. PAY FOR ONLY WHAT YOU USE.™
Most page builders make you pay for 100+ widgets—even if you only use five. That’s not fair, and it’s expensive.
Adaire Blocks flips the model. Start with our powerful free blocks. Then, as your needs grow, you unlock exactly the additional blocks you want—starting from just US$0.25 per month per block. No forced bundles. No wasted spend. Just the tools you actually use.
It’s cheaper. It’s smarter. It’s Unbundled—our way of delivering value by separating blocks into thoughtful tiers instead of one bloated package.
💰 Pay for Only What You Use™
<ul>
<li>Free: A complete foundation of essential blocks to build beautiful, animated websites. No cost. Ever.</li>
<li>Plus: Unlock advanced blocks individually—starting at $0.25/month. Need just a Mega Menu or a Pricing Table? Pay for only that block.</li>
<li>Premium: Get our most stunning, high-impact blocks—like Particles and Portfolio—for when your projects need to stand out. Pay only for the ones you use.</li>
</ul>
No bloat. No forced bundles. You’re in control.
✨ Why Choose Adaire Blocks? The Unbundled Philosophy
<ul>
<li>Pay for Only What You Use™: Our unique model means you’re never forced to buy a “pro pack” of 50 widgets just to get the three you actually need. Start free. Add blocks individually. Save money.</li>
<li>Just the Essentials, Always Evolving: We don’t give you 80 widgets. We give you a thoughtfully curated collection of versatile blocks that solve real-world design challenges. And as your needs grow, so will our library—with more blocks and full website templates on the horizon.</li>
<li>Smooth, Modern Animations: Powered by GSAP, our blocks feature silky-smooth scroll-triggered animations, hover effects, and micro-interactions that delight users without sacrificing performance.</li>
<li>Built for Speed: Coded with modern JavaScript (ES6+) and React, Adaire Blocks is optimized for efficiency. Add interactivity without the bloat.</li>
<li>100% Gutenberg Native: Work entirely within the familiar WordPress editor. No new interfaces to learn, no clunky page builder cruft. Just your blocks, your content, and—soon—your templates.</li>
<li>Full Creative Control: Every block comes with intuitive customization options in the block sidebar—colors, typography, animation speeds, layout settings, and responsive controls.</li>
</ul>
✅ Free Blocks – Build a Beautiful Site at No Cost
Get started with our powerful, no-cost foundation. These blocks are yours forever, free.
<ul>
<li>Posts Grid (Free): Display your latest articles or portfolio items in a beautiful, animated grid. Includes multiple layout options, category filtering, and smooth GSAP entrance animations.</li>
<li>Posts Carousel (Free): A draggable, interactive carousel for posts, featuring the same powerful customization and filtering as the Posts Grid.</li>
<li>Hero 1 (Free): A responsive, full-width hero block with configurable content, buttons, and background options for every device.</li>
<li>Info Grid (Free): An interactive grid with hover-expandable items—perfect for showcasing services, team members, or features with a title, tagline, and description.</li>
<li>Info Grid 2 (Free): An advanced grid variant with background image support, overlay controls, and flexible content areas.</li>
<li>Image Composition (Free): Create stunning, asymmetric collage-style layouts by arranging multiple images in a custom grid.</li>
<li>Tabs (Free) & Tab Panel (Free): Organize content into beautiful, tabbed interfaces with smooth GSAP transitions between panels.</li>
<li>Accordion (Free) & Accordion Item (Free): Build configurable, animated accordions to neatly organize FAQs or multi-section content.</li>
<li>Content Toggle (Free) & Content Toggle Panel (Free): A unique pill-style toggle for switching between two distinct content states within the same area.</li>
<li>Video Player Block (Free): Embed YouTube videos with a clean, lightweight player.</li>
<li>Animation on Scroll (Free): Add scroll-triggered animations to any content. Simply wrap your existing blocks, and bring them to life.</li>
<li>Icon Box Block (Free): Display an icon with customizable styling, powered by a vast library of UXWing icons.</li>
<li>Social Banner Block (Free): A sticky, side-mounted social banner that stays with the user as they scroll—perfect for driving engagement.</li>
<li>Social Share Block (Free): A customizable social sharing button with platform selection and a handy tooltip.</li>
<li>Testimonial Block (Free): Showcase client reviews in a sleek, auto-playing carousel to build social proof.</li>
<li>Button Block (Free): A simple, yet fully customizable button block with link, target, and styling options.</li>
<li>Call To Action Block (Free): A visually engaging call-to-action block featuring an animated carousel designed to showcase key highlights.</li>
<li>Logo Block (Free): Customizable block for showcasing partner logos with responsive layouts and hover effects.</li>
</ul>
📈 Pay as You Grow 
Start with our free blocks, then add exactly the functionality you need—only when you need it.
⭐ Plus Blocks – Advanced Functionality, Starting at $0.25/Month 
Take your designs further. Need only one? Pay for only one.
<ul>
<li>Mega Menu Block (Plus): A sleek, animated mega menu powered by React and GSAP. Perfect for complex navigation.</li>
<li>Pricing Block (Plus): Display your service plans, feature tiers, or subscription options clearly and beautifully.</li>
<li>Counter Block (Plus): Show important statistics and metrics with style using the Adaire Blocks Counter Block.</li>
<li>Progress Block (Plus): Dynamic progress bars and indicators to visualize skills or goals.</li>
<li>Flip Card Block (Plus): Engaging front-to-back card interactions perfect for team bios, features, and more.</li>
<li>Map Block (Plus): Embed beautiful, responsive maps in any page or post.</li>
<li>Swiper Carousel Block (Plus): Create beautiful, touch-friendly sliders for images, content, testimonials, products, and more.</li>
<li>Services Block (Plus): Flexible block with icons, headings, and descriptions to showcase services in a clean, responsive layout.</li>
<li>Scroll Text Animations (Plus): Turn reading into an experience with accessible word and letter animations.</li>
<li>Video Hero Block (Plus): Launch cinematic heroes in minutes, with swipe and timeline control built-in.</li>
<li>Question Block (Plus): Interactive block with customizable Q&A and flexible layouts ready to use.</li>
<li>Our Process Block (Plus): Visually communicate how your service, product, or project process works using intuitive, sequential steps.</li>
<li>Testimonial (Plus): Enhanced testimonial block with additional layouts and customization options.</li>
</ul>
💎 Premium Blocks – Agency-Grade Tools 
For when your projects need that extra “wow” factor. Stunning, professional blocks for the most demanding sites.
<ul>
<li>Particles Block (Premium): Add motion and depth with animated particle backgrounds that transform your pages into dynamic, interactive visuals.</li>
<li>Portfolio Block (Premium): Masonry, grid, and case-study layouts designed with fluid structure, featuring staggered entrance effects.</li>
<li>Project Block (Premium): Masonry, grid, and case-study layouts with staggered entrance effects—perfect for agencies.</li>
<li>Industries Block (Premium): Highlight the industries you serve with visually engaging content blocks.</li>
<li>Modal Block (Premium): Create sleek popups for signups, announcements, CTAs, videos, and forms.</li>
<li>Testimonial (Premium): The ultimate testimonial block with maximum impact and customization.</li>
</ul>
And more blocks and templates are in active development—because your website should never stop evolving.
🚀 Performance You Can Feel 
Adaire Blocks is built for the modern web. We leverage the power of GSAP for animations that are not only beautiful but also highly performant, ensuring smooth 60fps interactions. Our code is lean, our blocks are focused, and your site stays fast.
<ul>
<li>Accessibility-friendly: Semantic HTML and keyboard navigation support.</li>
<li>Responsive by default: Mobile-first design with full breakpoint control.</li>
<li>Low CLS: Optimized to avoid layout shifts.</li>
<li>SEO-aware: Clean, semantic output.</li>
</ul>
🔧 System Requirements
<ul>
<li>WordPress 6.7 or higher</li>
<li>PHP 7.4 or higher (8.0+ recommended)</li>
<li>A modern WordPress theme with block editor support</li>
</ul>
<h3>Additional Information</h3>
Made with ❤️ by Adaire Digital
Visit <a href="https://adaireblocks.com/" title="Professional WordPress Development" rel="nofollow ugc">Adaire Blocks</a> for more information about our services and products.
Support and Documentation
For detailed documentation, tutorials, and support, please visit our website or contact us through the WordPress.org support forums.
Contributing
We welcome contributions! If you’d like to contribute to the development of Adaire Blocks, please visit our GitHub repository.

A powerful WordPress plugin for creating visually stunning, high-performance websites with custom Gutenberg blocks and GSAP animations.

Greenshift – animation and page builder blocks vs Adaire Blocks