Early access · Now inviting testers
Selectanything.
Shapeeverything.
.slogan-line

Hisi is the visual builder for WordPress that writes the HTML and CSS you would write by hand, with real classes, live collaboration and an AI that builds beside you.

Ana
AI agent
Scroll to build
ClassesVariablesInteractionsLive collaborationFormsComponentsClean HTMLAI agent
ClassesVariablesInteractionsLive collaborationFormsComponentsClean HTMLAI agent
.card { display: grid }--space-l: 2remfont: var(--type-display)@keyframes risegap: var(--gutter)color: var(--selection)<section class="hero">animation-timeline: view()
.card { display: grid }--space-l: 2remfont: var(--type-display)@keyframes risegap: var(--gutter)color: var(--selection)<section class="hero">animation-timeline: view()
01 · The editor is the page

What you see is what ships.

Most builders show you one thing and publish another. Hisi renders every page with twin engines, one in the editor and one on your server, that produce the same HTML byte for byte. It is checked automatically on every build, so nothing changes after you hit publish.

The Hisi editor with Agencia Zeta, a site built with Hisi: the layers panel and the headline selected, with its classes and type settings.

Agencia Zeta, a real site built with Hisi, open in the editor.

1 : 1Same bytes, editor and live

Twin renderers in TypeScript and PHP, compared automatically.

DraftNothing goes live by accident

Every edit stays a draft until someone presses Publish.

</>HTML you would write by hand

Real sections, headings and lists. No wrapper soup.

02 · Everything in the box

Everything a pro build needs. Nothing it doesn't.

No add-ons to buy and no plugins to glue together. The tools you reach for every day are already inside, and they all speak the same language: classes and variables.

A headline of Agencia Zeta selected in Hisi, with its classes and its typography.
01

Classes first

Style a class once and use it everywhere. Names that say what a thing is, never a pile of one-off styles.

The colour tokens of Agencia Zeta in the Hisi styles panel.
02

Design variables

Colours, type, spacing and motion as typed tokens. Change one value and the whole site follows.

A hover interaction on Agencia Zeta in Hisi: on hover, play the Tambaleo animation.
03

Motion, built in

Interactions on load, hover, click and scroll, plus your own keyframe animations. No add-ons.

Copied from this page, as Hisi published it:
<div class="div proof reveal">
  <span class="text proof-figure">1 : 1</span>
  <span class="text proof-title">Same bytes, editor and live</span>
  <p class="text proof-text">Twin renderers in TypeScript and PHP, compared automatically.</p>
</div>
04

Clean, honest HTML

Real sections, headings and lists, with the classes you named. The markup you would write by hand.

Two people editing Agencia Zeta at the same time in Hisi; each selection carries its owner name.
05

Live, together

Edit the same page at the same time and see everyone's cursor. Nothing goes live until someone publishes.

The Hisi submissions inbox inside WordPress, with sample entries from a test copy of Agencia Zeta.
06

Forms that just work

Multi-step forms with every submission saved in WordPress and sent to your inbox.

03 · Built for real projects

The tools a real project needs.

Client sites need more than a pretty page. Hisi brings the pieces you use every week, and they all work with the same classes and variables.

The Hisi components library with a reusable piece of Agencia Zeta, and a copy of it selected on the page.
Components

Make it once, use it everywhere

Turn any element into a reusable component. Edit the original and every copy follows, while each copy can keep its own texts, links and images.

Pasting HTML and CSS into Raw Content in Hisi: it reports five elements and five classes and the block appears on the page.
Raw Content · Beta

Paste HTML. Get Hisi.

Paste HTML and CSS, or drop in an .html file, and Hisi turns it into its own elements, classes and variables, with a report of anything it could not carry over.

A Query Loop in Hisi repeating a row of Agencia Zeta once for every post.
Query Loop

Loops and dynamic data

Repeat an element for every post, term, user or menu item. Filter, sort and paginate, and pull titles, images and ACF fields into the design.

The templates panel of Hisi: header, footer, single post, archive, 404, maintenance and coming soon.
Templates

Templates for the whole site

Header, footer, posts, archives, search, 404, maintenance and coming soon, designed in the same editor and applied to the site, a post type or the front page.

The Hisi export window with classes, tokens, animations, templates and components.
Import & export

Take your system anywhere

Move classes, variables, animations, components and templates between sites in a single file. Hisi saves a backup before every import.

Also insideAccess by roleMaintenance & coming soonCustom CSS & JSRevisionsSpam protection on formsTablet & mobile breakpoints
04 · Why switch

Built for people who outgrew their builder.

We studied the forums, reviews and feature requests of people who build WordPress sites for a living. These are the complaints that came up again and again.

01
Before

Styles live in too many places.

With Hisi

Every class and every token in one place, with names that mean something.

02
Before

The editor shows one thing and the live site another.

With Hisi

Twin renderers. The same HTML in the editor and on your site, byte for byte.

03
Before

Lost work, and no way to save without publishing.

With Hisi

Every change is a draft until someone presses Publish.

04
Before

Animations need a paid add-on.

With Hisi

Interactions and keyframe animations come built in.

05
Before

AI that breaks more than it builds.

With Hisi

An AI that works like a teammate, asks before touching anything shared, and never publishes.

05 · Your AI, inside the editor

Ask for a page. Watch it being built.

Connect Claude, or any assistant that speaks MCP, and it works on your page live, like a teammate. You see its cursor and every change it makes, and you stay in charge of what goes out.

An AI agent building a new services page for Agencia Zeta in the Hisi editor, reusing the agency classes; it asks before changing a shared class.

Recorded in Hisi: an AI agent adds a services page to Agencia Zeta, reusing the agency’s own classes, and asks before touching a shared one.

Edits live, like a teammate

Every change reaches your editor as it happens, and you can discard whatever you do not like.

Asks before touching what is shared

Site classes, variables, reusable pieces and where a form sends its data wait for your approval.

Never publishes

There is no publish button for the AI. A person decides what goes live, always.

This page was built by an AI, with Hisi, without writing a single line of code.
06 · Early access

Be one of the first to build with Hisi.

We are opening Hisi to a small group of people who build WordPress sites for a living. As a tester you get:

Early access to every release, before anyone else
A direct line to the people building it
A real say in what we build next
Request early accessTakes 30 seconds