Pagework – HTML page editor

Pagework

Elements

Code

Logic Block Panel

Media

GIPHY & Sticker Workshop

API key

Free key: developers.giphy.com → Create an App → API. Stored only in this browser.

Powered by GIPHY

Icons · Search and add to canvas

Search thousands of icons. Select one to add it as an editable Image object.

Icons powered by Iconify · network connection required

Ideas & tips

Starter templates

Good to know

Drag rows in Elements onto a Frame to nest them.
Children move and scale with their parent.
Preview turns links and inputs on; HTML lets you edit the code.

Shortcuts

Ctrl ZUndoCtrl YRedoCtrl C / VCopy / pasteCtrl DDuplicateArrowsNudge (Shift = 10px)DelDelete

HTML

ScriptsBuild visual behaviors for canvas objectsTarget

Quick start: add an event, then click or drag actions underneath it. Each event starts a separate handler. Changes save with your page.

Blocks library

Exported HTML

HTML Prompt Generator

Describe what you want to build. This tool creates a detailed prompt you can copy into another AI to generate the actual HTML.

What do you want to create?

Target AI / platform (optional)

Visual style

Important features or details (optional)

Your copy-ready prompt

Pagework AI Connect

Connect a compatible AI tool through your Pagework MCP bridge. Incoming changes are proposals; review before applying.

Worker URL

Access token

Not connected. The token stays in this tab and is not saved.

Incoming proposals

Connect to check for pending changes.

Proposal preview

Pagework collaboration

Start a room or join one with a room code.

Create a live room and share its invite link or code. Anyone with the code can edit this page.

Room code

Paste a Pagework room code or invite link to join the live page.

Live state is sent directly between browsers using WebRTC; a signaling service helps peers connect. Network restrictions or strict NATs may prevent a connection. Anyone with the invite can edit. Edits sync as page snapshots, so avoid editing the same object at the same time.