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.

Adaire Blocks – more than just a Block builder

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

Themeic

MotionUI Addons for Elementor supercharges your Elementor-powered website with professional-grade animations and interactive widgets. Design stunning motion experiences directly inside the Elementor editor — no coding required.
Whether you want silky-smooth text reveals, cinematic image transitions, scroll-triggered effects, or animated sliders, MotionUI Addons gives you full creative control from a simple, intuitive interface.
🔗 <a href="https://motionuiaddons.com/" rel="nofollow ugc">Live Demo</a> | 🌐 <a href="https://themeic.com/" rel="nofollow ugc">Author Website</a>
<h4>✨ Features</h4>
🔤 Text Animations 
Animate your headings and text with a variety of effects including fade-up, reveal, slide-in, scramble, and wave. Animate by characters, words, or lines with full control over duration, delay, stagger, and easing.
🖼️ Image Animations 
Apply stunning entrance effects to images including directional reveals, grid reveals, column reveals, and clip-path transitions. Supports left-to-right, right-to-left, top-to-bottom, and bottom-to-top directions.
🎞️ Animated Slider 
A fully custom animation-powered slider widget with smooth clip-path transitions, thumbnail pagination, dot pagination, touch/swipe support, and prev/next navigation.
🖱️ Scroll Animations 
Trigger animations as elements enter the viewport. Control X/Y position, rotation, scale, skew, opacity, and more — all driven by scroll position or on-entry.
🖼️ Gallery 
Display image galleries with a masonry layout powered by Isotope. Includes filter support and smooth layout transitions.
🔘 Button Animations 
Eye-catching animated buttons with character-split reveal effects, built to complement your page’s motion design.
<h4>🎯 Why MotionUI Addons?</h4>
<ul>
<li>Built on a lightweight custom animation engine — GPL-licensed and bundled locally with no external dependencies</li>
<li>Deep Elementor integration — all settings are available directly in the Elementor panel</li>
<li>No coding required — configure everything visually</li>
<li>Scroll-triggered animations with scrub support</li>
<li>Lightweight and performance-conscious — scripts load only on pages where widgets are used</li>
<li>Clean, well-structured code following WordPress coding standards</li>
</ul>
<h4>🔧 Requirements</h4>
<ul>
<li>WordPress 6.4 or higher</li>
<li>Elementor (free) installed and activated</li>
<li>PHP 7.4 or higher</li>
</ul>

MotionUI Addons for Elementor – GSAP animation for slide, button, portfolio, motion effect

Bring powerful animations to Elementor with ease. Animate text, images, sliders, galleries, and buttons — no coding required.

Adaire Blocks – more than just a Block builder vs MotionUI Addons for Elementor – GSAP animation for slide, button, portfolio, motion effect