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.

Freemius

Elementor

envato

Moskva Yigit

Ki-Themes

A Collection of unique design elementor widgets for Elementor. 
Within few minutes, you can add unique GSAP effects to your website – easily!
<h4>Features</h4>
<ul>
<li>Elementor Widgets ready</li>
<li>Smooth animations</li>
<li>Videos are supported</li>
<li>Fully Responsible</li>
<li>Easy to use</li>
<li>WPML Supported</li>
<li>Clean, minimal and modern design</li>
<li>Powered by HTML5/CSS3</li>
<li>Optimized for mobile devices</li>
<li>Optimized for touchable devices</li>
<li>Installation guide and detailed documentation included</li>
<li>And more…</li>
</ul>
Included features to the Limited Version, click <a href="https://amedeapro.com/go/?p=demo" rel="nofollow ugc">here</a> to see demo site in action. | For PRO demo features, you can check <a href="https://amedeapro.com/go/?p=prodemo" rel="nofollow ugc">this page</a> out!

<h3>Included</h3>
Animated Hover Menu 
A couple of ideas for creative menu/listing items come with unique hover animated images for Elementor. The idea is to navigate a item-based listing with special effects on-hovered, it shows an image related to the item as preview.
Animated Intro 
An interesting intro animation with image/video created with unique combination of motion, each ending in a circular look.
Diagonal Media 
Animated slideshow for diagonal medias, tilted thumbnails and large titles those animate smoothly when navigating.
Grid Hover Motion 
On-hover motion effects for image grids areas.
Image Hover 
A collection of easy-to-use 4 main different category of total 34+ image hover elements ready for Elementor.
Media Slider 
A collection of unique ideas for slideshow animations on fullscreen videos/images.
On-Scroll Animated Grids 
Creative animated ideas for on-scroll effects using grids.
On-Scroll Morph Effects 
A collection of easy-to-use the total 7+ image tilt/hover elements triggered by on-scroll ready for Elementor.
Push Gallery 
Animated slideshow gallery for the grid items upon clicking the smooth pushing effect takes a place.
Fullscreen Menu 
A full-screen menu effect with an SVG overlay, with/without an infinite background CSS animation.
Design Elements 
To improve your page design, ready-to-use page elements such as Contact/About widgets has been included with Accordion/Marquee/Tool-tips along with some other elements. 
New : Text Effect 
New : Before&After Image Comparison with GSAP Scrolltrigger* 
New : Scroll focus image and text* 
New : Holiday Special 
An animated versions with CSS3 for the holiday spirit. 
– Halloween Special 
– Thanksgiving Special 
– Thanksgiving Minimal 
– Christmas Special 
– Valentines Day Special 
– Easter Egg 
– Easter Egg #2

<h3>PRO</h3>
There are more than 100+ widgets available as PRO. 
Click <a href="https://amedeapro.com/go/?p=pro" rel="nofollow ugc">here</a> to see all of the widgets with demo websites and details. 
You can also check <a href="https://codecanyon.net/user/ki-themes/portfolio" rel="nofollow ugc">Envato CodeCanyon</a> for the items are available for sale there.

Amedea – Unique Design Elements for Elementor

Amedea - Unique Design Elements for Elementor

Adaire Blocks vs Amedea – Unique Design Elements for Elementor