Drag and drop builder

Compose pages by dragging,
never by typing CSS

A canvas with real snapping and alignment guides, keyboard shortcuts for everything, and undo that goes all the way back.

The BLOKZA canvas with a section selected, its context panel offering padding, fill and gap, and the full style inspector beside it.
How a drag works

See where it lands before you let go

Every drag shows the container that will accept the block, so nothing ends up somewhere you did not choose.

  1. 1 Pick it up

    Press on any component in the tray. Nothing is committed yet.

  2. 2 Move it

    The block follows the pointer and lifts off the canvas.

  3. 3 See where it lands

    Guides show the container that will accept it, before you let go.

  4. 4 Adjust it

    Released, selected, and ready to restyle from the panel beside it.

Inline editing

Click any text to edit it

No popup forms. No "edit modes". Click headlines, buttons, paragraphs anywhere on the canvas and start typing. Properties update live in the inspector, and the inspector updates live as you type.

  • Inline rich text formatting
  • Markdown shortcuts (## for h2, ** for bold)
  • Auto-save on every keystroke
Edit me directly Click any text to start typing B I U H1 H2 H3 Link PROPERTIES → Heading Edit me directly 800 weight 32 px
Keyboard-first

Shortcuts for everything

Selection

  • Select parent block Esc
  • Multi-select ⌘ + Click
  • Select all in section ⌘A

Editing

  • Undo ⌘Z
  • Redo ⌘⇧Z
  • Duplicate block ⌘D

Navigation

  • Move block up ⌘↑
  • Move block down ⌘↓
  • Toggle inspector ⌘I

Try the canvas now

The editor works in your browser. No signup, no credit card. Drop your first block in 30 seconds.