Toolbar

Every block comes with a contextual toolbar that appears above it when selected. The toolbar gives you quick access to the most common actions, such as:

Transform option

Let's you convert one block type to another.

Not every block supports transformation, but many of the Composite Blocks that share similar structures can be switched between related types. For example:

Grid ↔ Carousel
Text List ↔ Icon List
Composite Block → Advanced Block

Positioning

Gives you the ability to drag or move the block:

Highlight text

The Highlight Text tool allows you to apply inline formatting to specific words or phrases without affecting the rest of the block. This gives you precise control over emphasis, styling, and visual hierarchy within your text.

With Highlight Text, you can customize:

Font size & weight – increase emphasis with size, boldness, or lighter weight.
Color – set a unique text color or background color to draw attention.
Underline / Strikethrough – add decorative or functional text effects.
Text effects – including translate, rotate and scale.

This is perfect for creating callouts inside headings or paragraphs — for example, highlighting a keyword, adding a dynamic accent color, or applying a contrasting style to part of your sentence.

Tip: The highlight formatting is inline, meaning it won’t override the global or block-level typography. It simply adds a layer of styling to the selected text only.

Dynamic content

The Dynamic content option allows you to insert text that automatically pulls live data from your website. Instead of typing static content, you can display information that updates on its own — perfect for templates, blog layouts, and data-driven designs.

With Dynamic Text, you can pull values such as:

Post Title
Post Excerpt
Author Name
Publish Date
Custom Fields (ACF)
User data (e.g., current user name)
Site information (site title, tagline, etc.)

Once inserted, the text is linked to your dynamic source. That means:

It updates automatically whenever the source data changes
You can still style it like normal text (color, size, effects)
It can be used inside any block that supports inline text formatting

Inline Image

The Inline Image option lets you insert images directly inside your text — perfect for adding small icons, logos, emojis, or visual accents that flow naturally with your content.

With inline images, you can:

Place an image inside a sentence or next to specific words
Maintain line height and alignment alongside your text
Use small decorative visuals without needing an additional block
Combine text, icons, and branding elements in a single paragraph or heading

Simply select where you want the image to appear in your text, choose Inline Image, and upload or pick an image from your media library. It becomes part of the text flow, so it moves and aligns seamlessly with the surrounding content.

These options let you apply common formatting styles directly to selected text, giving you quick control over emphasis, structure, and readability. Beyond basic text styling, you also have access to several inline formatting tools for more advanced use cases.

Here’s what you can use:

Bold & Italic – Quickly emphasize important words or phrases.
Inline Code – Formats text in a code-style appearance, ideal for short snippets or commands.
Keyboard Input – Displays text using keyboard-style formatting (e.g. ⌘K, Ctrl+C).
Language – Mark text as a specific language for proper screen-reader and semantic handling.
Strikethrough – Cross out text for edits, corrections, or stylistic emphasis.
Subscript – Lower and reduce the size of text (commonly used in formulas like H₂O).
Superscript – Raise and reduce text size (perfect for footnotes like 1² or references).

These inline controls help you create more expressive, structured, and accessible text without needing additional blocks.

Options

The Options menu (found under the three-dot icon in the toolbar) gives you quick access to essential block management tools. These controls help you organize, reuse, and manage your elements more efficiently.

Here’s what you can do:

Copy / Cut – Copy or move the selected block without affecting its styling or structure.
Duplicate – Instantly create an identical copy of the block, including all content and styles.
Add Before / Add After – Insert a new block directly above or below the current one.
Group – Combine multiple blocks into a single group for easier handling.
Lock – Prevent accidental edits or movement by locking the block.
Rename – Assign a custom name to the block for better organization in the Navigator.
Create Pattern – Save the block as a reusable pattern you can insert anywhere on the site.
Copy Styles / Paste Styles – Quickly transfer styling from one block to another. (Works across all UiCore blocks.)
Delete – Remove the block from the layout.

These tools make it easy to manage your layout structure, maintain consistency, and speed up your workflow.

These controls are designed for efficiency, providing quick access to layout and content adjustments that are only available in the toolbar.

BUILDER