F Forge Guide

Forge Guide

Forge Guide

Forge is a free visual editor for real HTML and CSS. It runs entirely in your browser: nothing is uploaded, there is no account, and what you export is ordinary code you own.

These guides cover how the editor actually works - not just which buttons exist, but what Forge does to your markup and stylesheets underneath, so you can predict the output instead of fighting it.

Getting startedThe interface, selecting elements, editing text, and your first export. Import an existing websiteOpen real HTML and CSS files and edit them without breaking the cascade. Responsive designBreakpoints, and how Forge writes media queries that do not destroy desktop styles. Visual scripting with blocksBuild page behaviour with drag-and-drop blocks that compile to real JavaScript. Exporting and hostingWhat ends up in the export, and how to put it online. Keyboard shortcutsThe full reference, grouped by what you are doing.
Advertisement

What makes Forge different

Most visual builders generate markup from a form. You pick options and they emit HTML you did not write and cannot fully control. Forge works the other way round: it loads your document into a sandboxed frame, reads the real CSS cascade out of the browser, and writes your changes back into real stylesheet rules.

That difference shows up in three places.

Requirements

Any current desktop browser. Forge is a client-side application: there is no server component, no sign-up and no upload step. Because everything runs locally, project size is limited only by your own machine.

Your work stays local. Projects live in your browser session until you export them. Save a .forge.json project file regularly if you want to come back to something later.