Blocks 0
Components
Click ➕ to add · Drag into visual editor
Select a block to edit
Visual Editor
HTML Code
Hierarchy
✏️
Nothing to edit
Load a blocks.json and select a block from the left.
block preview
Hover elements — click ✏ edit / ✕ delete
Click any node to select & edit styles
Select a block to see its HTML hierarchy.
Properties
Content
Styles
🎛️
No block selected
Select a block to edit properties.
e.g.
t6-heroType or pick below
No thumbnail — capture or upload one
🎨
No element selected
Click any element in the visual editor to select it and edit its styles.
Layout ▼
Spacing ▼
Padding
Margin
Typography ▼
Sample Text Aa Bb Cc 123
Background ▼
Border ▼
Effects ▼
Raw CSS ▼
Freeform CSS properties (without selector). Appended last.
✏️
No element selected
Click a heading, paragraph, image or link in the visual editor.
Edits apply live. HTML tags are preserved.
Changes the inner content of the selected element.