Vizy

A content editor that brings rich text and structured Craft content together in one visual editing experience.

Take Vizy for a spin

Show, don’t tell, is often the best approach. Give Vizy a test-drive below, then switch between the rendered preview and the structured JSON document behind the field.

WYSIWYG, but more

Vizy has all the formatting authors expect, from headings and lists to links, tables and images, without stopping at rich text. Add purpose-built blocks exactly where they belong, tailor the available tools to the field and keep the whole story in one editing surface.

Blocks stay visible where they will matter in the finished piece. Move, collapse, enable or disable them without turning the document into a disconnected stack of fields.

Rich text and coloured Callout and Pull Quote blocks inside the Vizy editor.

Structured blocks between your paragraphs

Embed structured blocks directly between paragraphs, much like having Matrix blocks inline with your content. Each Block Type can reuse Craft fields, UI elements and tabs, then render through its own focused Twig template.

Add one from the toolbar, the gutter beside the document or a / shortcut on a blank line. Available Block Types remain searchable and grouped so the choices stay approachable as the project grows.

The toolbar insertion menu open inside a populated Vizy article, with grouped Block Types.

Shape every editor for its job

Named Editor Configs let a project define its toolbar, content capabilities, Bubble Menu and insertion controls once, then reuse that experience across fields. A short introduction can stay deliberately small while a long-form article gets tables, media, layouts and the full editorial toolkit.

Build configs visually with the real toolbar in front of you, or keep them in config/vizy/*.json when they belong in code and deployment workflows.

The Editorial Editor Config showing available controls and the full toolbar preview.

Go deeper when the content model calls for it

Hosted Vizy fields can live inside a Block Type alongside ordinary Craft fields. That gives genuinely nested content a focused editor of its own while keeping it part of the parent document.

Use the extra level where it clarifies the model, such as supporting copy inside a Latest News component, while simpler Blocks remain simple.

A Latest News block containing a hosted Vizy editor and a nested Callout, surrounded by the parent story.

A block-based visual editor

Rather than treating generated HTML as the source of truth, Vizy stores a structured JSON document. Let Vizy render the whole field, give every Block Type its own Twig template or take control node by node.

Lean content loading

Keep Blocks in the field’s document instead of loading every Block as a separate element.

Familiar content queries

Filter, sort, limit and search nodes and Blocks with an API inspired by Craft element queries.

Layouts and columns

Arrange prose, media and Blocks into responsive column structures inside the document.

Ready for headless builds

Query the document, its nodes and the Craft fields inside Blocks through structural GraphQL types.

Bring content with you

Import Vizy content through Feed Me and move Vizy 3 projects forward with resumable, verified migrations.

Built to be extended

Register project-specific nodes, marks, controls and rendering behaviour through documented PHP and JavaScript APIs.

Supporting open source

Every Vizy licence contributes funding to Tiptap (opens new window) and ProseMirror (opens new window), the open-source projects behind the editor.

Get started with Vizy

Available for Craft 3, 4 and 5. Get it from the plugin store.