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.

securesofts

Tanvir Ahamed

DesignSuite is the artisan’s toolkit for Elementor — a comprehensive collection of modern widgets and extensions designed to elevate your WordPress site building experience.
<a href="https://designsuite.securesofts.com/docs" rel="nofollow ugc">Live Demo</a> | <a href="https://designsuite.securesofts.com/docs" rel="nofollow ugc">Documentation</a> | <a href="https://wordpress.org/support/plugin/designsuite" rel="ugc">Support</a>
🚀 Why DesignSuite Stands Out: 
– Modern Design Language – Every widget follows current design trends 
– Lightweight & Fast – Optimized code that won’t slow your site 
– Future-Ready Architecture – Built for tomorrow’s features today 
– Developer Friendly – Clean, documented, extensible codebase
✨ Core Features:
🎨 Modern Widgets (28+) 
– Advanced Post Grid with multiple layouts 
– Stylish Testimonials & Team showcases 
– Video Popup, Image Gallery, Counters 
– Contact Form 7 styler, Social Icons 
– And many more professionally designed widgets
🏗️ Theme Builder 
– Build custom Headers & Footers 
– Create Single Post / Page templates 
– Design Archive, Search, and 404 pages 
– Use Block templates via shortcode 
– Includes dynamic widgets for post content and metadata
⚡ Powerful Extensions 
– Custom CSS – Add custom styles directly in Elementor 
– Wrapper Link – Transform any container into a clickable link 
– Scroll to Top – Elegant, customizable back-to-top button
🔧 For Developers 
– Clean, documented codebase 
– Action/filter hooks for customization 
– Disable unused widgets for performance 
– Compatible with major WordPress plugins
🛣️ Roadmap (Coming Soon): 
– ✅ GSAP Animations for smooth scroll and reveals 
– ✅ Template Library with ready-to-use designs 
– ✅ Custom Post Type Builder for advanced users 
– ✅ WooCommerce Widgets for online stores 
– ✅ Premium Extension Ecosystem with advanced features
🎯 Perfect For: 
– Freelancers needing reliable, modern tools 
– Agencies building client websites efficiently 
– Developers wanting extensible, clean code 
– Business Owners creating professional sites quickly
<h3>🎨 Complete Widget List</h3>
DesignSuite offers a comprehensive collection of Elementor widgets:
<ul>
<li><a href="https://designsuite.securesofts.com/docs/heading/" rel="nofollow ugc">Heading</a> – Style your headings beautifully</li>
<li><a href="https://designsuite.securesofts.com/docs/paragraph/" rel="nofollow ugc">Paragraph</a> – Elegant typography options</li>
<li><a href="https://designsuite.securesofts.com/docs/button/" rel="nofollow ugc">Button</a> – Create visually appealing buttons</li>
<li><a href="https://designsuite.securesofts.com/docs/image-gallery/" rel="nofollow ugc">Image Gallery</a> – Sleek gallery layouts</li>
<li><a href="https://designsuite.securesofts.com/docs/team/" rel="nofollow ugc">Team</a> – Showcase your team with style</li>
<li><a href="https://designsuite.securesofts.com/docs/video-popup/" rel="nofollow ugc">Video Popup</a> – Engaging video presentations</li>
<li><a href="https://designsuite.securesofts.com/docs/contact-form-7/" rel="nofollow ugc">Contact Form 7</a> – Style CF7 forms effortlessly</li>
<li><a href="https://designsuite.securesofts.com/docs/social-icons/" rel="nofollow ugc">Social Icons</a> – One-click social sharing</li>
<li><a href="https://designsuite.securesofts.com/docs/testimonials-grid/" rel="nofollow ugc">Testimonials Grid</a> – Client feedback showcase</li>
<li><a href="https://designsuite.securesofts.com/docs/advanced-accordion/" rel="nofollow ugc">Advanced Accordion</a> – Stylish FAQ sections</li>
<li><a href="https://designsuite.securesofts.com/docs/info-box/" rel="nofollow ugc">Info Box</a> – Feature highlights with icons</li>
<li><a href="https://designsuite.securesofts.com/docs/counter/" rel="nofollow ugc">Counter</a> – Animated number counters</li>
<li><a href="https://designsuite.securesofts.com/docs/countdown/" rel="nofollow ugc">Countdown</a> – Timer for events and offers</li>
<li><a href="https://designsuite.securesofts.com/docs/site-logo/" rel="nofollow ugc">Site Logo</a> – Display your brand identity</li>
<li><a href="https://designsuite.securesofts.com/docs/nav-menu/" rel="nofollow ugc">Nav Menu</a> – Custom navigation menus</li>
</ul>
<h3>🧩 Dynamic Widgets (Theme Builder)</h3>
<ul>
<li><a href="https://designsuite.securesofts.com/docs/post-grid/" rel="nofollow ugc">Post Grid</a> – Dynamic content layouts</li>
<li><a href="https://designsuite.securesofts.com/docs/post-title/" rel="nofollow ugc">Post Title</a> – Display dynamic post titles</li>
<li><a href="https://designsuite.securesofts.com/docs/post-excerpt/" rel="nofollow ugc">Post Excerpt</a> – Show post summaries dynamically</li>
<li><a href="https://designsuite.securesofts.com/docs/post-content/" rel="nofollow ugc">Post Content</a> – Render full post content</li>
<li><a href="https://designsuite.securesofts.com/docs/post-featured-image/" rel="nofollow ugc">Post Featured Image</a> – Display featured images dynamically</li>
<li><a href="https://designsuite.securesofts.com/docs/post-comments/" rel="nofollow ugc">Post Comments</a> – Built-in comments and reply support</li>
<li><a href="https://designsuite.securesofts.com/docs/post-meta/" rel="nofollow ugc">Post Meta</a> – Author, date, categories, and metadata</li>
<li><a href="https://designsuite.securesofts.com/docs/post-pagination/" rel="nofollow ugc">Post Pagination</a> – Previous and next post navigation</li>
<li><a href="https://designsuite.securesofts.com/docs/social-share/" rel="nofollow ugc">Social Share</a> – Share current posts easily</li>
<li><a href="https://designsuite.securesofts.com/docs/archive-title/" rel="nofollow ugc">Archive Title</a> – Dynamic archive titles</li>
<li><a href="https://designsuite.securesofts.com/docs/simple-search/" rel="nofollow ugc">Simple Search</a> – Add search anywhere</li>
<li><a href="https://designsuite.securesofts.com/docs/search-query/" rel="nofollow ugc">Search Query</a> – Current search term display</li>
<li><a href="https://designsuite.securesofts.com/docs/search-no-result/" rel="nofollow ugc">Search No Result</a> – Custom no-results templates</li>
</ul>
<h3>🔧 Extensions</h3>
<ul>
<li><a href="https://designsuite.securesofts.com/docs/custom-css/" rel="nofollow ugc">Custom CSS</a> – Add custom CSS within Elementor for precise design control</li>
<li><a href="https://designsuite.securesofts.com/docs/wrapper-link/" rel="nofollow ugc">Wrapper Link</a> – Transform entire sections into clickable links</li>
<li><a href="https://designsuite.securesofts.com/docs/scroll-to-top/" rel="nofollow ugc">Scroll To Top</a> – Elegant, customizable back-to-top button with progress indicator</li>
</ul>
🔒 Brought to you by SecureSofts 
DesignSuite is developed with enterprise-grade security and performance standards. Every line of code is crafted for reliability and scalability.
<h3>Links</h3>
<ul>
<li><a href="https://designsuite.securesofts.com/" rel="nofollow ugc">Official Website</a></li>
<li><a href="https://designsuite.securesofts.com/docs/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/designsuite" rel="ugc">Support Forum</a></li>
</ul>

DesignSuite – Elementor Addons with Widgets & Extensions

Modern Elementor Addons: A lightweight, powerful toolkit with beautifully designed widgets and extensions for creative, animated websites.

Adaire Blocks vs DesignSuite – Elementor Addons with Widgets & Extensions