Airo WP AI Builder

Blocs

Aquesta extensió proporciona 71 blocs.

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