NB
NodeBuilder — HTML Visual Editor
Drag. Connect. Edit. Export clean HTML.
Drop this block into Squarespace HTML block. No external scripts.
Add element
Legend & tips
HTML - root (one only)
HEAD - page metadata
BODY - content container
DIV - layout block
P / H1 - text
IMG - media
Tip: Click the small dot on a node then click another to create a connection. Double-click a node to edit.
Live preview
Preview updates automatically. Export includes doctype and proper nesting based on connections.
Selected node
Select a node to edit its label, content, and attributes.