DocsThe builder

Element reference

Every element in the builder’s library, by category, with what each one is for.

Native AI has 126 elements in 13 categories. The library lists 155 entries because some elements also come as ready-made layouts — a Div, for example, appears as Container, Columns, Grid, Stack, Cluster, Card and Link Block. The icon picker has 2,142 icons.

Everything here can be styled in the Design tab, given motion and interactions, shown by display conditions, and used by the AI. Form fields only go inside a Form; the dynamic elements show the data of the post, archive or loop item they’re in.

Layout 12

Element	What it’s for
Section	Section with a centered container
Container	Centered, max-width content column
Columns	Two columns that stack on mobile
Grid	Three-column grid
Stack	Vertical flow with gaps
Cluster	Row that wraps (buttons, tags)
Card	Card with padding and border
Link Block	A container that is a link
Div	Generic container for layout: containers, columns, grids, stacks, cards, link blocks.
Spacer	Empty vertical space between elements.
Divider	A horizontal rule, optionally with a label or icon in the middle.
Shape Divider	A decorative wave, curve or angle between sections.

Basic 11

Element	What it’s for
Heading	A title. h1 for the page headline, h2 for sections, h3 for cards.
Text	A paragraph or short text.
Rich Text	Longer formatted content: paragraphs, lists, subheadings, quotes.
Button	A call to action. Renders as a link when it has one.
Link	A text link with an optional icon and underline style.
Icon List	A list with an icon on each item (checkmarks, features, contact details).
Quote	A pull quote or blockquote with attribution.
Code Block	Preformatted code with a language label and a copy button.
Badge	A small label: New, Sale, Popular, a category…
Alert	A notice box for information, success, warnings or errors.
Table	A data table. One row per line; separate cells with \|.

Typography 7

Element	What it’s for
Animated Heading	A heading whose key word rotates or types itself out.
Highlighted Heading	A heading with one phrase underlined, circled or marked by a hand-drawn stroke.
Gradient Heading	A heading filled with a color gradient.
Text Marquee	A continuously scrolling line of words or phrases.
Counter	A number that counts up when it scrolls into view.
Countdown	Days, hours, minutes and seconds until a date.
Read More	Long text that starts collapsed with a Read more toggle.

Media 17

Element	What it’s for
Image	A responsive image from the media library.
Icon	An inline SVG icon.
Video	YouTube, Vimeo or a video file, loaded only when played.
Video Popup	A play button or thumbnail that opens a video in a lightbox.
Audio	An audio player for a podcast, track or voice message.
Image Gallery	A grid or masonry gallery with an optional lightbox.
Image Carousel	A swipeable row of images with arrows, dots and optional autoplay.
Before / After	Two images compared with a draggable slider.
Image Hotspots	An image with clickable points that reveal details.
Image Box	An image with a title, text and link: services, projects, articles.
Hover Card	An image that reveals a title and text on hover.
Image Accordion	Image panels that expand on hover to show a caption.
Logo Grid	Client, partner or press logos in a tidy grid.
Logo Carousel	Logos scrolling continuously in a row.
Map	A Google map of an address. No API key needed.
Embed	Calendly, Typeform, Spotify, Loom, Figma, Google Docs and other trusted embeds.
Avatar	A round photo with a name and role.

Interactive 20

Element	What it’s for
Accordion	Collapsible sections: details, specs, policies.
Tabs	Content in tabs: services, plans, features.
Content Toggle	Switch between two contents, like monthly and yearly pricing.
FAQ	Questions and answers with FAQ rich results for search engines.
Flip Box	A card that flips over on hover to show more.
Modal	A button that opens a popup window with content.
Off-canvas Panel	A panel that slides in from the side: mobile menus, filters, extra info.
Tooltip	Text with a small explanation on hover or focus.
Dropdown	A button with a menu of links.
Back to Top	A floating button that scrolls to the top of the page.
Scroll Progress	A thin bar at the top showing how far down the page the reader is.
Table of Contents	Links to the page’s headings, built automatically.
Copy Button	Copies a code, coupon or address to the clipboard.
Announcement Bar	A slim bar for news, offers or notices, optionally dismissible.
Cookie Notice	A cookie consent banner that remembers the visitor’s choice.
Content Slider	Full-width slides with a background image, heading, text and button.
Newsletter Popup	A centered popup with a heading, a sentence and an email signup form
Side Panel	A full-height panel that slides in from the right: filters, details, a cart, a menu
Slide-in Card	A small card in the corner that leaves the page usable
Popup	A popup designed with any elements: a centered window, full screen, slide-in, top or bottom bar, side panel, banner, floating box or cookie notice. Open it with a button, a link or an interaction (page load, scrolling, exit intent…).

Content blocks 13

Element	What it’s for
Icon Box	An icon with a title, text and an optional link.
Feature Grid	A grid of features or services, each with an icon, title and text.
Team Member	A person’s photo, name, role, short bio and social links.
Price List	Items with prices, like a menu or a list of services.
Business Hours	Opening hours, with today highlighted.
Timeline	Events or milestones along a vertical line.
Process Steps	Numbered steps that explain how something works.
Stats	Key numbers in a row, optionally counting up.
Progress Bars	Labelled bars showing percentages, like skills or goals.
Progress Circle	A percentage shown as a ring, with a label.
Star Rating	A star rating, with an optional score and label.
Contact Info	Phone, email, address and hours with icons and working links.
Bar Chart	A simple, accessible bar chart from a list of values.

Marketing 5

Element	What it’s for
Call to Action	A banner with a heading, text and one or two buttons.
Testimonial	A customer quote with their name, role, photo and rating.
Testimonials	Several testimonials in a grid or a slider.
Pricing Table	A plan with its price, features and a button.
Comparison Table	Compare plans or products feature by feature, with checks and crosses.

Social 2

Element	What it’s for
Social Icons	Links to your social profiles, email and phone.
Share Buttons	Buttons to share the current page on social networks, by email or by copying the link.

Forms 21

Element	What it’s for
Form	Contact, lead, quote, booking and multi-step forms: fields, logic and what happens after a submit.
Form step	One page of a multi-step form, with its own title and Next / Back buttons.
Conditional group	A section of fields shown or hidden together by logic.
Success state	What replaces the form after a successful submit: design it with any elements.
Submit button	Sends the form.
CAPTCHA	Where the reCAPTCHA or Turnstile check appears (set the provider in the form’s settings).
Input	A one-line field: text, email, phone, number, website, password, date or time.
Paragraph	A multi-line field for messages and descriptions.
Dropdown	Pick one option from a list, or several with multi-select.
Choices	Radio buttons (pick one) or checkboxes (pick several), as a list, in columns or as buttons.
Consent	A single checkbox to accept terms or opt in, with a link in its text.
File upload	Upload one or several files, with allowed types and size limits.
Rating	Stars, hearts or a number scale.
Range slider	A slider between a minimum and a maximum, like a budget.
Signature	Sign with a finger, pen or mouse; saved as an image.
Name	First and last name, with optional prefix, middle name and suffix.
Address	Street, city, state, postal code and country.
Hidden field	A value sent with the form but not shown: a campaign, the page title, the logged-in user…
Newsletter Signup	An email signup box, saved in WordPress or sent to your email provider.
Search	A search box for your site’s posts and pages.
Login Form	A WordPress login form, or a greeting and logout link when signed in.

Navigation 11

Element	What it’s for
Minimal menu	Quiet links that darken on hover.
SaaS menu	Soft pill links, rich dropdowns and a full-screen mobile menu.
Corporate menu	Uppercase links, square dropdowns with an accent edge, an off-canvas mobile menu.
Editorial menu	Display-font links underlined on hover, no arrows.
Centered menu	Links centered in the row, dropdowns centered under them.
Transparent header menu	Links follow the header’s text color (light over a hero, dark once it turns solid when scrolled).
Mega menu	Full-width mega menus that fade up. Add one to an item in its Items list.
Full-screen menu	A menu button on every screen size that opens a full-screen menu.
Off-canvas menu	A menu button that slides in a side panel, with sub-menus as slide-in panels.
Menu	Site navigation with dropdowns, mega menus and a mobile menu, from a site menu, a WordPress menu or your pages.
Menu Trigger	A menu button (hamburger) that opens a Menu's mobile menu or a Popup, placed anywhere.

Site 3

Element	What it’s for
Breadcrumbs	The path from the home page to the current page.
Site Logo	The logo set in WordPress, linked to the home page.
Site Title	The site name (and tagline) from WordPress settings.

Dynamic data 30

Element	What it’s for
Post Title	The current post or page title.
Post Content	The body of the current post, written in the WordPress editor.
Post Excerpt	The current post’s excerpt or summary.
Featured Image	The current post’s featured image.
Post Meta	Date, author, categories, comments and reading time of the current post.
Posts	Latest posts (or any post type) in a grid or list.
Blog Grid	Latest posts as cards: image, category, title, excerpt and a link, with pagination
Blog List	Posts as rows: image beside the text, with Load more
Related Posts	Posts that share the current post's categories (for single-post templates)
Team Grid	People from a team post type: photo, name and role (set the post type and fields)
Product Grid	WooCommerce products: image, name, price, rating and Add to cart
Upcoming Events	Items with a date field today or later, soonest first (set the post type and date field)
Query Loop	Design one item and it repeats for every post the query returns: any post type, taxonomy, custom field and context.
Loop Item	The design of one item in a Query Loop: it repeats for every result, reading that result's data.
Empty State	What a Query Loop shows when its query returns nothing.
Error State	What a Query Loop on external data shows when the data can't be loaded (the API is down, slow or refusing the request).
Loop Pagination	Page numbers, previous/next links, a Load more button or infinite scroll for the Query Loop it's in.
Pagination	Page numbers for blog, archive and search pages.
Post Navigation	Links to the previous and next posts.
Categories & Tags	The current post’s categories or tags, or all terms of a taxonomy.
Comments	WordPress comments and the comment form for the current post.
Archive Title	The title and description of the current category, tag, author or search page.
Author Box	The post author’s photo, name and bio.
Dynamic Text	Any WordPress value (site name, year, post date…) with text before and after it.
Standings Table	A sortable table with rank, team and points, from static data (connect it to an API later)
Data Table	A sortable, searchable table of records from an API, static data, posts, terms or users: one column per field.
Monthly Columns	Values per month as columns (static data to start)
Trend Line	A line over time
Share Doughnut	Parts of a whole as a doughnut
Chart	Column, bar, line, area, pie or doughnut charts from an API, static data or WordPress records. Plain SVG: fast, sharp and readable without JavaScript.

Advanced 3

Element	What it’s for
Custom HTML	Your own HTML, CSS or embed code. Administrators only.
Shortcode	Output of a WordPress shortcode from another plugin (forms, bookings, shops…).
Widget Area	A WordPress sidebar (widget area) managed under Appearance → Widgets.

Elements that need a permission#

Custom HTML needs the Add custom code permission to add or change, and the AI never creates it.
Shortcode and Widget Area show output from other plugins and from Appearance → Widgets.

On the features pages

Visual builderScreenshots and everything included