Web Dojo
Alpha

Docs

Everything below is a summary — the full user manual has the details.

Getting started

Your first few minutes

  • Take the guided tour that runs automatically the first time you open the builder — skip anytime with Esc.
  • Name your project in the Top Bar so you can recognize it later.
  • Add your first block from the Library tab in the Left Sidebar — a Hero section is a good start.
  • Click any element on the canvas to select it, then use the Right Sidebar to style it.
  • Save with Cmd/Ctrl+S, or the Save button in the Top Bar.
  • Switch to Preview mode to see exactly what a visitor would see, then Export to download real HTML.

Full user manual

Interface overview, the canvas and view modes, the full Left Sidebar and Inspector reference, layout building with Grid/Flexbox, text effects and animation, and more — the manual covers the entire builder in depth.

Classroom curriculum

A full 9-module course for teaching web design with Web Dojo — from fundamentals through a shipped multi-page portfolio site, with daily lesson plans, worksheets, and assessments per module.