Headless CMS · Visual Editor

Manage content by clicking on your site.

SpaceBlock is a headless CMS with a click-to-edit visual editor, a block-based page builder, blog, collections, media, and SEO — all served over a fast API to any framework.

Works with any stack · 5-minute setup · Visual editing · Instant publish

Visual editing
Editing
Get started
Edit · Heading
Welcome to our studio
Link
Style
Save
5 min
to first integration
Any stack
React · Vue · Next · HTML
Sub-second
cached content delivery
Unlimited
projects & members

Everything a modern site needs

One platform for the whole content lifecycle — from a developer's first line of code to a client's daily edits.

Visual Editor

Click any element on your live site and edit it inline. No forms, no guessing — what you see is what you edit, with instant preview.

Pages & Templates

Compose pages from reusable blocks. Editors add, reorder, and swap sections; developers ship a template once and reuse it everywhere.

Blog & Articles

A full block-based editor — rich text, images, video, quotes, summaries, sub-posts, tags, authors, and shareable draft previews.

Collections

Structured, repeatable content — team, products, testimonials, portfolios — with tags, links, ordering, and custom fields.

Media Library

Drag-and-drop uploads delivered over a global CDN, with an in-editor image picker and automatic optimization.

SEO & Social

Per-page titles, descriptions, and Open Graph cards injected server-side — so every link you share renders a perfect preview.

Fast by Default

Edge and app-level caching with instant invalidation on publish. Visitors get sub-second content; the origin barely breaks a sweat.

Developer API & SDK

A clean public REST API and a drop-in SDK. Works with React, Vue, Next.js, or plain HTML — bring any stack.

From zero to production in minutes

Four steps to a fully editable site.

1

Create a project

Sign in, create a project, and grab your API key. Takes about thirty seconds.

2

Add the SDK

Drop one script tag into your site and initialise it with your key. That's the whole install.

3

Build & mark content

Add data-cms-id to elements, or drop in template blocks for full page composition.

4

Hand it to your client

They edit visually from the dashboard. Changes publish instantly over the CDN.

index.html
<!-- 1. Add the SDK -->
<script src="spaceblock-sdk.js"></script>
<script>
  SpaceBlock.init({
    apiKey: 'your_api_key',
    projectId: 'your_project_id',
  })
  SpaceBlock.load()
</script>

<!-- 2. Mark content editable -->
<h1 data-cms-id="hero-title">
  Welcome to my site
</h1>

<img data-cms-id="hero-image" src="hero.jpg" alt="" />

<!-- That's it. Your client can edit it live. -->

Powerful for developers, effortless for clients

The same platform serves both sides — built once, edited forever.

For developers
  • Five-minute integration

    One SDK, one config object — then you're done.

  • Framework agnostic

    React, Vue, Next.js, or plain HTML. It all just works.

  • A clean REST API

    Fetch pages, posts, and collections from anywhere.

  • Fast by design

    Caching, ETags, and instant purge-on-publish built in.

  • Great docs

    Developer, client, and admin guides with copy-paste examples.

For clients
  • Edit by clicking

    Point at anything on the page and change it — no training needed.

  • Live preview

    See exactly how it looks before you publish.

  • Blog & collections

    Write posts and manage structured content without a developer.

  • Instant publish

    Changes go live immediately across your site.

  • One clean dashboard

    Everything for your site in a single, calm place.

Ship a CMS your clients will thank you for

Start free in minutes. Add it to any site, hand over the keys, and stop fielding "can you change this text?" requests forever.