Advertisement
Guide
About the Page Builder
Build a web page by dragging sections onto it, then click any text to change it and any element to style it. When it looks right, export it: you get plain HTML and CSS with no framework, no tracking and no external fonts, ready to put on any host — GitHub Pages, Netlify, Cloudflare Pages or your own server.
The blocks are built to be responsive without extra work: grids and columns wrap on small screens. Switch to the tablet or mobile view to check, and any style you change there applies only to that screen size.
Clean output you own
The exported page is a normal HTML document with one stylesheet. Colours, the font and the corner radius are CSS variables, so changing the brand colour later is a one-line edit. Images you add from your computer are embedded in the file, so the page works offline; for a real site, swap them for hosted images.
Safe to paste into
Imported HTML is cleaned as it is read: script tags, inline event handlers and javascript: links are removed, so a page you paste in cannot run code inside the editor.
How to use it
- 1Pick a template, or start from a blank page.
- 2Drag blocks from the left panel onto the page. Double-click text to edit it.
- 3Select an element and use the Style panel to change spacing, colours and type. Use Page to set the theme and page title.
- 4Check the tablet and mobile views, then Export as one HTML file or a zip.
Frequently asked questions
Do I need to sign up or install anything?
No. The builder runs in your browser and saves your page in this browser automatically. Use Export to keep a copy as a file.
Can I host the exported page anywhere?
Yes. It is a plain HTML file with CSS and no build step or dependencies, so any static host works — or open it straight from your computer.
Does the contact form send email?
Not by itself — a static page has no server. Point the form’s action at a form service such as Formspree or Netlify Forms in the Settings panel.
Can I edit a page I already have?
Yes. Use Import HTML and paste the page or open the .html file. Styles in <style> tags are kept; linked stylesheets and scripts are not loaded.
What is it built on?
The editor is GrapesJS, an open-source (BSD) web builder framework. The blocks, templates and export are made for this site.
