Blocks

The Blocks tab (the grid icon in the left sidebar) gives you a library of pre-built, full-section blocks — heros, CTAs, testimonials, galleries, footers, and more. Each block is harvested from a real template and automatically adapts to your site’s active theme on insert.

This is different from the Components tab, which contains individual primitive elements (Heading, Image, Navbar, etc.).

Browse blocks

Open the Blocks tab to see all available blocks. You can:

• Search by keyword to narrow results.
• Filter by tag — click one or more tag chips (e.g. hero, CTA, navbar, content) to show only matching blocks.
• Filter by template — click a template name chip to see only blocks from that source template.

Searching and filtering blocks by tag

Preview a block

Click any block card to open a full preview. The preview renders the block in both light and dark mode so you can see how it looks before inserting it.

Opening the full preview for a block

Insert a block

There are two ways to add a block to your page:

Drag onto the canvas — drag a block card from the panel directly onto the canvas and drop it at the position you want. A placement indicator shows where the block will land.

Insert from the preview — click a block card to open the full preview, then click Insert to append the block at the end of the page.

1. Open the Blocks tab.
2. Find the block you want using search or tag filters.

3. Drag the card onto the canvas to place it at a specific position, or click the card to open the preview and then click Insert to append it at the end of the page.

Dragging a block from the panel onto the canvas

Expected result

The block is inserted on the canvas. Its styles and fonts are merged into your site’s theme automatically.

After inserting

Once a block is on the canvas it behaves like any other canvas content — you can select individual components inside it, edit text inline, swap images, change colours in the Design panel, and reorder or delete via the Layers tab.

Common issues

Block catalog is empty — the catalog is bundled with the app. If you see no blocks, try refreshing the page. If the problem persists, check your network connection and reload.

Block looks unstyled after insert — the block adapts to your site’s theme. If it still looks wrong, check that your Theme tokens are configured correctly.