=== Adaire Blocks - Amazing Blocks for Gutenberg - Need Only One Block, Pay for Only One Block! === Contributors: adairedigital Donate link: https://adaire.digital/ Tags: blocks, gutenberg, gsap, animation, portfolio Requires at least: 6.7 Tested up to: 6.8 Stable tag: 1.1.9 Requires PHP: 7.4 License: GPL-3.0 License URI: https://www.gnu.org/licenses/gpl-3.0.html Source Code: https://github.com/helloadaire/Adaire-Blocks-Free Support URI: https://adaireblocks.com A powerful WordPress plugin for creating visually stunning, high-performance websites with custom Gutenberg blocks and GSAP animations. == Description == Adaire Blocks is a young library of premium-feeling Gutenberg blocks built with modern web technologies - we would love your feedback.. We believe that building a website should not cut into your web development fees - so the library our free blocks should allow you to build an amazing site. Our Plus Blocks are commercial, but priced on a "Pay for what you use" basis - if you need only one Block, you pay for only one Block. Currently we have ready-made sections like accordions, carousels, testimonial sliders, counters. And we are looking to drop a set of new Blocks every week - let us know what we can build! We will fine-tune every color, font, animation, and layout from the native block inspector; build templates, menus, animations and more. == Commercial Plugin == This plugin is free but offers additional paid commercial upgrades or support. [View support](https://adaireblocks.com) **Available Blocks:** * **Accordion Block** - Create collapsible content sections with smooth animations, customizable styling, and responsive design * **Button Block** - Create customizable buttons with hover animations, multiple styles, and advanced styling options * **Call to Action Block** - Build powerful call-to-action sections with animated carousels and gradient backgrounds * **Counter Block** - Display animated counters that count up to a target number, with customizable prefixes, suffixes, and captions for showcasing statistics and achievements * **Icon Box Block** - Display icons with text content in customizable layouts with hover effects and styling options * **Map Block** - Display locations with Google Maps integration and interactive navigation * **Posts Grid Block** - Display WordPress posts in beautiful grid layouts with filtering, pagination, and FLIP animations * **Social Banner Block** - Display social media links and information in customizable banner layouts * **Tabs Block** - Create tabbed content sections with smooth GSAP animations, vertical/horizontal layouts, and customizable styling * **Tab Panel Block** - Works with the Tabs Block to create individual tab panels with flexible content * **Testimonial Block** - Showcase client testimonials with customizable carousels and professional layouts * **Testimonial 2 Block** - Feature long-form testimonials with portrait photography, company logos, and keyboard-accessible carousel navigation * **Video Player Block** - Embed YouTube and Vimeo videos with smart URL parsing, flexible playback controls, and responsive container options **Technical Features:** * Built with modern JavaScript (ES6+), React, and GSAP 3.13.0 * Optimized for performance with efficient block registration using WordPress 6.7+ metadata collection * Compatible with WordPress 6.7+ and PHP 7.4+ * Includes advanced animation libraries: GSAP, Split-Type, Swiper, Splide * REST API integration for dynamic content * Locomotive Scroll support for smooth scrolling experiences * Responsive design with mobile-first approach * GPL-2.0 licensed for maximum flexibility * Unified SVG icon system for every Free, Plus, and Premium block so the editor, admin UI, and docs share the same polished visuals **Animation & Interaction Features:** * GSAP-powered animations with scroll triggers * Smooth transitions and micro-interactions * Customizable animation speeds and easing * Scroll-controlled particle effects * Interactive carousels and sliders * Video integration with YouTube and Vimeo * Advanced hover effects and transitions == Installation == 1. Upload the plugin files to the `/wp-content/plugins/adaire-blocks` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the 'Plugins' screen in WordPress 3. Start using the custom blocks in the Gutenberg editor 4. Configure block settings through the block editor sidebar For manual installation: 1. Download the plugin zip file 2. Navigate to Plugins > Add New > Upload Plugin 3. Choose the downloaded file and click Install Now 4. After installation, click Activate Plugin == Frequently Asked Questions == = What WordPress version is required? = This plugin requires WordPress 6.7 or higher and PHP 7.4 or higher. = Are the blocks compatible with all themes? = The blocks are designed to work with most modern WordPress themes. They use standard WordPress styling and can be customized to match your theme's design through the block editor settings. = Can I customize the animations and styles? = Yes, all blocks include extensive customization options in the block editor, including colors, fonts, animation speeds, and layout settings. Advanced users can further customize through CSS. = Is GSAP included with the plugin? = Yes, the plugin includes GSAP 3.13.0 for animations. All animation functionality is built-in and ready to use. = Do the blocks work on mobile devices? = Yes, all blocks are fully responsive and optimized for mobile devices with touch-friendly interactions. = Can I use multiple instances of the same block? = Yes, each block instance is independent and can be customized separately through unique block IDs. = Are there any performance considerations? = The plugin is optimized for performance with efficient block registration and lazy loading of animation scripts. GSAP animations are hardware-accelerated for smooth performance. = How do I get support? = We would love your feedback. Need help or want to request a block? Do you have feedback on our approach? What should we prioritize next? Email us at support@adaireblocks.com, [visit our site](https://adaireblocks.com) to join our newsletter or try the Plus and Premium Blocks, or open a thread in the WordPress.org support forum. == Screenshots == 1. Accordion Block 2. Call-to-Action Block == Changelog == = 1.1.9 = * Added the Our Process Block with responsive multi-column layouts, per-device column/gap controls, icon picker, and clickable steps. * Added the Content Toggle Block with pill-style toggles, GSAP-powered transitions, container width controls, and typography settings. * Added Swiper Carousel & Swiper Slide Blocks for draggable Swiper.js carousels with autoplay, loop, overlay, and border radius controls. * Added the Testimonial 2 Block featuring portrait imagery, company logos, keyboard-accessible nav arrows, and responsive typography. * Refreshed every block icon (Free, Plus, Premium tiers) so Gutenberg, block management, and documentation all display the same polished SVG artwork. == Support == We would love your feedback. Need help or want to request a block? Do you have feedback on our approach? What should we prioritize next? Email us at support@adaireblocks.com, [visit our site](https://adaireblocks.com) to join our newsletter or try the Plus and Premium Blocks, or open a thread in the WordPress.org support forum. == Additional Information == **Made with ❤️ by Adaire Digital** Visit [Adaire Digital](https://adaire.digital/ "Professional WordPress Development") 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.