Airo WP AI Builder

Blocks

This plugin provides 71 blocks.

• Blobs Create random, unique, and organic-looking blob shapes. Customize with gradients, overlays, and images. Animate with smooth morphing effects.
• Card Display content in a card layout with image, badge, title, subtitle, body text, and CTA button. Perfect for pricing, features, services, and team members.
• Comparison Table Display a feature comparison table for products, services, or plans
• Slider A modern, performant slider with multiple transition effects, auto-play, and full block support inside slides.
• Modal Trigger A button or link that opens a modal dialog.
• Text Path Flow text along an SVG path.
• Advanced Heading Create headings with multiple font styles — mix fonts, weights, and colors within a single heading for advanced typographic designs.
• Divider Add a visual separator with multiple style options including solid, dashed, gradient, and decorative patterns.
• Image Accordion Display a series of expandable image panels that reveal content on hover or click, perfect for showcasing portfolios, galleries, or featured content.
• Icon Display an inline SVG icon with customizable styling.
• Modal Create accessible modal dialogs with customizable triggers and content.
• Map Display an interactive map using OpenStreetMap or Google Maps.
• Scroll Accordion Accordion that reveals items progressively as you scroll down the page
• Product Showcase Hero Full-width hero section showcasing a WooCommerce product with large image, price, rating, and add-to-cart action. Requires WooCommerce.
• Grid Responsive multi-column grid layouts. Perfect for feature grids, product listings, team members, and card layouts.
• Table of Contents Auto-generate a table of contents from page headings with smooth scroll navigation and scroll spy.
• Progress Bar Display progress or statistics with an animated bar
• Counter Group Display animated statistics and numbers that count up on scroll
• Flip Card Interactive card that flips to reveal content on the back. Perfect for team profiles, product showcases, and feature highlights.
• Breadcrumbs Display navigation breadcrumbs with Schema.org markup for improved UX and SEO.
• Hotspot Place interactive markers over an image.
• Scroll Slides Full-screen scroll-pinned slideshow with crossfading content and navigation
• Countdown Timer Display a countdown timer to a specific date and time with customizable styling.
• Icon List Create a list of items with icons, titles, and descriptions.
• Dynamic Query Query any posts, users, or terms and render them with your own block design. Supports filters, pagination, and Block Bindings.
• Scrolling Gallery Display rows of images that scroll horizontally in alternating directions based on page scroll. For best performance, use optimized images (WebP format recommended) and limit to 20 images or less.
• No Results Content shown when the Dynamic Query returns no items.
• Section Divider A standalone shape divider you can drop between any two blocks. Shape, height, width, and color inherit from your theme by default.
• Product Categories Grid Display WooCommerce product categories in a visual grid with images, names, and product counts. Requires WooCommerce.
• Form Builder Create custom forms with multiple field types, AJAX submission, and spam protection.
• Timeline Display chronological events, company history, or process steps in a visual timeline format with customizable layouts and scroll animations.
• Sticky Sections Sections that stick and stack as you scroll, creating a card-stacking reveal effect
• Dynamic Image An image block whose source resolves at render time from the post, site, user, or a custom field (ACF, Meta Box, Pods, JetEngine).
• Query Pagination Pagination controls for the Dynamic Query block. Supports numbered links and Interactivity-API load-more.
• Tabs Create tabbed content with icons, deep linking, and responsive accordion mode.
• Icon Button A customizable button with optional icon and hover animations.
• Row Flexible horizontal or vertical layouts with wrapping. Perfect for button groups, hero sections, and responsive card layouts.
• Query Filter Filter, search, sort, or reset a Dynamic Query via URL parameters with no page reload.
• Star Rating Show a rating as stars — from a fixed value or bound to post meta, ACF or a WooCommerce average rating.
• Pill Display text with a rounded background that wraps tightly around content.
• Fifty Fifty Full-width 50/50 split layout with edge-to-edge media on one side and constrained content on the other. Perfect for hero sections, feature highlights, and about sections.
• Section Vertical stacking container for sections and content areas. Perfect for building layouts with consistent spacing. Can be nested within other sections for complex page structures.
• Chart Display data as a bar, line, or donut chart. No JavaScript required.
• Accordion Create accessible accordion sections with customizable icons and behavior for FAQs and content organization.
• Scroll Accordion Item Individual item within a Scroll Accordion
• Counter Individual counter item with animated number
• Hotspot Item A marker within a Hotspot image.
• Slide Individual slide within a slider with background image support and full block flexibility.
• Hidden Field A hidden field for passing data in forms.
• Icon List Item A single item in an icon list with icon, title, and description.
• Flip Card Back Back face of the flip card.
• Checkbox Field A single checkbox field for forms.
• Phone Field A phone number input field for forms.
• URL Field A URL/website address input field for forms.
• Scroll Slide Individual slide within a Scroll Slides block
• Accordion Item An individual collapsible item within an accordion.
• Tab Individual tab panel within a Tabs block.
• Query Group Header Renders once per group inside a Query with group-by enabled. Use block bindings or context to display the group label.
• Email Field Email input field with built-in validation.
• Timeline Item An individual milestone or event within a timeline.
• Time Field A time picker input field for forms.
• Heading Segment A text segment within an Advanced Heading — each segment can use a different font, weight, or color.
• Select Field A dropdown select field for forms.
• Flip Card Front Front face of the flip card.
• Image Accordion Item An individual expandable panel within an image accordion.
• Text Field Single-line text input field for forms.
• Date Field A date picker input field for forms.
• Flip Card Face A face of the flip card. Use the Side attribute to mark it as front or back.
• Query Results The repeating grid of items inside a Dynamic Query. Holds the item template that renders once per result.
• Number Field A number input field for forms.
• Textarea Multi-line text area for longer text input.