Free and MIT · Strapi 5

Visual page building,
without giving up your code

Editors drag and drop your own React components onto a canvas that renders your real site. Layouts are saved as structured JSON in your own CMS. No shortcodes, no page-builder markup, nothing you cannot read.

Free and MIT · Unlimited sites · No account, no key, no limits

cms.your-company.com/admin/plugins/wizestudio
The WizeStudio editor: a widget library on the left, the live site rendering in the centre canvas with a section selected, and that section's content and style settings on the right.
575Tests passing
0Lines of HTML stored
MITLicence, all of it
$0For the page builder

01 What makes it different

Your components.
Not ours.

Every widget is an ordinary React component plus a manifest. The builder reads only manifests. The renderer imports only components. WizeStudio never needs to know what a pricing table is — it just orchestrates the one you wrote.

— 01

The canvas is your actual site

Not a preview, not an approximation. Your real Next.js app loads in the canvas and the editor drives it over a versioned message protocol. What an editor arranges is produced by the same code path that serves your visitors, so “looked fine in the builder” stops being a category of bug.

Navigator — the full document tree
The navigator panel showing a nested tree of sections, containers, grids, stats, headings and accordion items, with the selected section highlighted.
— 02

Bind anything to your content

Point any component property at a CMS field instead of typing it in. Repeat a component over a collection to build product grids and post lists that stay in sync with your data. Nested loops each get their own alias, so a category can contain its products without the two fighting over a name.

{
  "type": "wize/card",
  "repeat": { "source": "products", "as": "product" },
  "props": {
    "title": { "kind": "binding",
               "source": "product", "path": "name" },
    "price": { "kind": "binding",
               "source": "product", "path": "price.amount",
               "fallback": "—" }
  }
}

02 In the box

Everything an editor needs, nothing you have to maintain

Responsive by breakpoint

Style any property per breakpoint. The canvas resizes to match, so you are editing the layout you are looking at.

Design tokens

Colours, spacing and type live as tokens that render to CSS custom properties. A rebrand is one edit, not a hundred.

Reusable blocks, by reference

Save a section once, use it everywhere. Edit the original and every instance updates — instances are references, not copies.

Undo everything

Every change is an invertible patch. Undo, redo, autosave and history are one mechanism, so they can never disagree.

Slots and constraints

Manifests declare what may nest inside what. Editors get real composition without being able to build something broken.

Structural navigator

A full tree of the page. Select, reorder and reparent anything, including elements a click cannot reach.

Validated documents

Referential integrity is enforced as an invariant, not hoped for. A layout that would render broken cannot be saved.

One editor at a time

Editing takes a lease. Two people opening the same page see who holds it and can take over deliberately.

03 Integration

Two packages and an afternoon

There is no migration, no content rewrite and no proprietary runtime. You install a plugin, register the components you already have, and render a document.

STEP 01

Install the plugin

Restart Strapi. It registers itself and adds WizeStudio to the admin sidebar.

npm i @wizestudio/plugin-strapi
STEP 02

Register your widgets

A component plus a manifest describing its props and slots. The manifest is data.

defineWidget({ type, props, component })
STEP 03

Render the document

Hand the layout and your component pack to the renderer. That is the integration.

<WizeRenderer document={doc} />

04 Honestly compared

How this differs from the usual options

Most teams choose between a WordPress-style builder and hand-built components. Both trades are real. This is what each one costs you.

WizeStudioClassic page buildersHand-built components
Editors can build pagesYes, visuallyYes, visuallyNo — needs a developer
Components stay yoursYour React, unmodifiedTheir widget systemYour React, unmodified
What gets storedNormalized JSON in your CMSHTML or shortcodesTyped CMS fields
Leaving laterRead the JSON, it is documentedRewrite every pageNothing to leave
New layout without a deployYesYesNo
Production runtime costNone — it is your component treeBuilder runtime and CSSNone
If the vendor disappearsRenderer is MIT; site keeps workingSite depends on their runtimeUnaffected

05 Licensing, stated plainly

The page builder is free, and that is the whole sentence

Not a trial, not a limited edition, not free-until-you-go-live. The entire builder is MIT licensed with no licence check anywhere in it — which you can verify before you install it, rather than take on trust.

Nothing is switched off

Unlimited sites, pages, editors and layouts. No account, no key, no host classification, no expiry. There is no paid version of this software.

Nothing phones home

No licence server, no telemetry, no runtime dependency on us. Our uptime cannot affect your CMS, because nothing in it ever calls us.

The paid part is separate software

The Agency Pack is two additional packages solving problems a single-site user does not have. It adds; it does not unlock.

06 Pricing

The builder is free. The scale tooling is not.

Everything above costs nothing and always will. What is sold is a separate pair of addons for people running many sites — the problems you only get once one Strapi is not one website.

WizeStudio

MIT
$0forever

Everything on this page. No account needed.

  • The full visual editor — drag and drop your own React components
  • Unlimited sites, pages, editors and layouts
  • Bind any property to CMS content, and repeat over collections
  • Reusable blocks, design tokens and responsive breakpoints
  • Undo, redo, autosave and edit locks
  • MIT licensed, on npm and the Strapi Marketplace
Install it

Agency Pack · Monthly

$99per month
  • Shared block library across every project
  • Component change impact analysis
  • Unlimited sites, editors and projects
  • Email support

The pack is a pre-order and does not ship yet. You are charged today and can have every penny back, no questions asked, at any point before the addons ship. Email support@wizeb.com and it is done. You almost certainly do not need it until you are running more than one site or more than a few dozen pages.

What is in it

07 Questions

Frequently asked

What is WizeStudio?

WizeStudio is a visual page builder for headless CMS platforms, currently shipping for Strapi. Editors compose pages by dragging your own React components onto a canvas that renders your real site. Layouts are saved as structured JSON in your own content type, so nothing is locked in a proprietary format.

Do I have to use your components?

No, and that is the central design decision. A WizeStudio widget is an ordinary React component plus a manifest describing its props and slots. The builder reads only manifests and never imports your component; the renderer imports your component and never reads a manifest. WizeStudio does not need to know what a pricing table is in order to let someone arrange yours.

Where is the page layout stored?

In a JSON field on your own content type, as a normalized document of typed nodes with stable IDs. It is queryable, diffable and migratable, and any other tool you build can read it. WizeStudio never stores rendered HTML.

Is the page builder really free?

Yes — all of it, MIT licensed, with no account, no key and no limits. Unlimited sites, pages, editors and layouts. There is no feature switched off and no trial that ends. The paid Agency Pack is separate software that adds things a single-site user does not need: a block library shared across projects, and component change impact analysis across every stored page.

What happens to my site if I cancel the Agency Pack?

The page builder keeps working, because it never depended on a subscription — it is free software you already have. You lose the shared library and the impact analysis; the blocks already pulled into your projects stay where they are, since they are ordinary blocks once installed. Your published site is untouched either way: the packages that render pages contain no licensing code at all.

What happens if your servers go down?

Nothing happens to the page builder — it has no licence check in it at all, so there is nothing for our uptime to affect. The Agency Pack verifies offline against an Ed25519-signed token, so it does not depend on reaching us either. An unreachable or slow server is treated as unknown, never as invalid, and tokens carry a 28-day grace window on top of that.

Is the Agency Pack available now?

No — it is a pre-order, and we would rather say so plainly than imply otherwise. Both addons exist as tested libraries; what is missing is the Strapi plugin around them. Buying now funds the work and reserves the price, and you can have a full refund at any point before it ships — email support@wizeb.com. The page builder is free, finished, and does not depend on any of this.

What is in the paid Agency Pack?

Two addons. The shared block library lets you publish a section once and pull it into every project you run, then shows which sites are behind, which have been edited locally, and what a pull would overwrite. Component change impact analysis tells you which stored pages a manifest change breaks before you merge, generates a migration plan, dry-runs it, and reports what would still be broken. Both are separate packages; neither is the page builder with a switch flipped.

How many sites does a licence cover?

One live site. The domain checked is the website being edited, not the Strapi instance editing it, so if you run one Strapi behind several websites each of those needs its own licence — and the plugin holds them side by side, so there is nothing to switch between. Development hosts (localhost, .local, .test and private networks) never need a licence and are never counted. You register a live domain from the dashboard and can change it at any time, during a migration for example.

Which CMS platforms are supported?

Strapi 5 today. The core is CMS-agnostic by design: platform support is a thin adapter package, so adding a new CMS does not touch the builder, the renderer or the document format.

Does it work with Next.js?

Yes. The renderer is a React package and ships a Next.js integration. The editor canvas loads your real Next.js app in an iframe and drives it over a versioned message protocol, so what an editor arranges in the builder is produced by exactly the same code path that serves your visitors.

Can editors bind components to CMS content?

Yes. Any component property can be pointed at a field in your CMS instead of being typed in by hand. A component can also repeat over a collection, which is how product grids and post lists are built without the core knowing what a product or a post is.

Is the page output good for SEO and performance?

The output is whatever your components render — WizeStudio adds no wrapper markup, no runtime JavaScript of its own and no inline style blobs to the production page. Server rendering, streaming and static generation all work normally because the renderer is an ordinary React component tree.

How do I install it?

Install @wizestudio/plugin-strapi in your Strapi project and @wizestudio/renderer-react in your front end, register your widgets, and point the plugin at your front-end URL. The whole integration is fetching a layout document and handing it to the renderer along with your component pack.

Install it and see

WizeStudio is free, MIT, and complete. There is nothing to sign up for and nothing to evaluate against a clock — build a real page with your real components and decide afterwards whether you ever need the Agency Pack.