Skip to content
wysiwyg

wysiwyg · what you see is what you get

Design a whole website by dragging things around.

Pick a site style, drop sections onto the canvas, tune your colour scheme, switch on cookie consent and GDPR pages, then download a site that's ready to commit to git.

Open the editor Browse site styles

For phookit admins and members with editor access · logged-in members get a free 7-day demo · sites export as a phookit framework repo, no lock-in

Everything a site needs, without the spreadsheet of tabs

🧱

Site styles

One-page scrolling, multi-page, blog, gallery or a mix. Change your mind later without starting again.

📱

Desktop, tablet, mobile

Preview every page at three widths. Layouts reflow automatically; you only fix the bits that look wrong.

🎨

Colour schemes

Background, menu, text, accent and more, with separate light and dark palettes and a live contrast check.

🍪

Cookies & GDPR

Toggle cookie consent, generate privacy, cookie and T&Cs pages from your details, add consent boxes to forms.

📣

Advert slots

Drop Google AdSense units of any standard size into your layout. They only load after consent.

📦

Download or import

Export a complete repo with site.toml and pages. Import any site the editor produced from a git URL to keep editing.

How it works

  1. 1

    Choose a style

    Start from a one-page, multi-page, blog or gallery skeleton.

  2. 2

    Drag & drop

    Add hero, cards, posts, galleries, forms and ad slots. Move or delete anything.

  3. 3

    Set the mood

    Colours, fonts, legal pages, cookie categories, registration and CAPTCHA settings.

  4. 4

    Ship it

    Download the site, push it to git, run phookit install on your server.