Visual Content Editor

Edit Your Content Where It Lives — On Your Actual Website

b10cks' visual editor gives your content team a live preview of their changes as they make them, with two-way binding that turns your real site into the editing surface. No more imagining what a change will look like. See it instantly.

Get Started Free

The Problem With Form-Based Editing

Nobody thinks in form fields.

Every other CMS asks your content team to imagine what their edits will look like. They fill out a form, click save, navigate to a preview URL, and discover that the title is too long, the image looks wrong, and the layout broke on mobile. Then they go back and do it again.

That loop is slow. It's frustrating. And it's completely unnecessary.

b10cks gives editors a live, two-way-bound preview of their content — inside the actual rendered website — so they see every change the moment they make it.

Two-Way Binding

Edit here. See it there. Simultaneously.

The b10cks visual editor works through a bidirectional connection between the CMS editor panel and your live frontend preview:

Editor → Preview When an editor changes a field value in the CMS panel, the preview updates in real time — without a page reload, without a publish step. The change is visible immediately.

Preview → Editor When an editor clicks directly on an element in the preview — a headline, a block, a button — the editor panel jumps directly to that content's fields. No hunting through a tree of content types. Click what you want to edit, and edit it.

This is what true visual editing looks like.

ive Preview Architecture

Works with your existing frontend. No special build required.

The visual editor doesn't require you to rebuild your frontend with a specific framework or SDK. It uses a lightweight preview connection that integrates with any frontend:

  • Nuxt — preview composables included in the SDK *
  • Any framework — raw preview API with a documented protocol

Your frontend renders your content. b10cks sends live updates. That's the whole connection.

* more native framework SDKs are coming

The Editing Panel

Every tool your editors need. Nothing they don't.

The editor panel slides in alongside your preview, showing only the content fields relevant to what's currently selected or focused.

In the panel:

  • Structured field forms for every block type
  • Inline rich text editing with a clean, configurable toolbar
  • Image upload, selection from asset library, and transform preview
  • Block drag-to-reorder for array fields
  • Reference picker — find and link to any content entry in the space
  • Locale switcher — preview and edit in any enabled locale
  • Draft/publish status indicator and publish controls
  • Comment thread panel — see and participate in conversations about the current content

Mobile & Responsive Preview

See exactly what your visitors see — on every device.

Switch the preview between viewport sizes with a single click:

  • Desktop — full-width preview
  • Tablet — responsive breakpoint preview
  • Mobile — narrow viewport preview

Catch layout issues before they go live. No phone needed. No browser DevTools required.

Block Library

Add content blocks like you're using a design tool.

The block library panel lets editors browse all available block types and add them to the current page in one step. No technical knowledge required.

  • Visual block type cards with name and description
  • Search and filter by block category
  • Click to add at the bottom, or drag to any position in the content tree
  • Preview of a new block's fields before inserting

Editors can assemble rich, structured pages from building blocks — without ever asking a developer to "just add a section."

Scheduled Publishing

Set it and forget it.

Plan your content releases in advance. Schedule any piece of content to go live at a specific date and time — b10cks handles the publish automatically.

  • Per-locale scheduled publishing for global teams
  • Scheduled unpublishing for time-limited content
  • Atomic releases — bundle multiple content changes into a single scheduled deployment

No more midnight logins to hit "publish."

Your content team deserves an editor that respects their time.

The visual editor is included in every b10cks plan — no upgrade required, no feature flag, no "contact sales." Try it now.