Sanity Studio is an open-source, MIT-licensed single-page application written in TypeScript that gives developers and content teams a fast-to-configure, real-time workspace for editing structured content, with that content hosted in Sanity's Content Lake.

What it is

Sanity Studio is the open-source editing workspace of the Sanity Composable Content Cloud. It is a single-page application built with React that developers customize with JavaScript, and it ships with a studio customization framework meant to let the workspace grow as needs change. Validations, document organization, and initial values are written in JavaScript rather than configured through a fixed admin panel. The repository topics describe it as a cms, headless, react, and real-time project, and the codebase is TypeScript under the MIT licence.

The project solves the problem of building and maintaining a bespoke editorial interface for structured content. Instead of hand-writing an admin UI for every data model, teams define their content types and let the Studio generate editing UI for complex fields, including an advanced block editor for structured content. Content lives in a single source of truth and is distributed in real time to any frontend through zero-config GROQ queries or a GraphQL API. Rich text is stored as Portable Text, which can be serialized into any markup language, so the same content feeds web, mobile, or other channels without reformatting.

Key capabilities

• Real-time, responsive editing interface that works on narrow screens, with instant UI for complex fields.
• Plug-in architecture with custom components, plus theming so the workspace carries a team's own branding.
• Advanced block editor for structured content, with Portable Text serializing into any markup language.
• JavaScript-defined field validations, the structure builder for organizing documents, and initial values.
• Zero-config GROQ plus a GraphQL API, with APIs for reading, writing, importing, exporting, going back in time, and listening for updates.
• Asset pipeline for uploading and transforming images on demand, plus querying image metadata such as dominant colours, sizes, geo-location, and EXIF data.
• Bring-your-own-frontend approach, decoupling the Studio from whatever consumes the content.

Who uses it and how

• Product and content teams that need editors and developers in one workspace: developers define schema and behaviour in JavaScript, editors use the generated real-time UI.
• Headless deployments where a custom frontend consumes content through GROQ or GraphQL rather than a bundled site renderer.
• Organizations publishing to several channels from a single source of truth, distributing structured content in real time.
• Image-heavy publishing workflows that rely on on-demand transformation and asset metadata for derived and responsive assets.
• Teams starting on the free plan, which includes hosting and bandwidth, then moving to pay-as-you-go for overages.

Getting started

Initiate a new project with npm create sanity@latest, or yarn create sanity@latest and pnpm create sanity@latest for other package managers. The README points to a free plan with hosting included and pay-as-you-go overages.

How it compares

The supplied facts name no other content management tool or paid product that Sanity Studio replaces, so on this page it stands alone in the Content & Publishing / Content Management Systems category. No licence, self-hosting, data-ownership, or cost comparison against named alternatives can be drawn from the material provided.

When to use it — and when not to

The Studio is open source, but the content store it is built around, the Content Lake, is hosted by Sanity, and the README documents that hosted path rather than describing how to operate a self-hosted data store; teams requiring full control of the content database should weigh that. Beyond the free plan's included hosting and bandwidth, usage moves to pay-as-you-go overages, so cost scales with traffic and content operations. The repository also carries 221 open issues, worth reviewing against a project's priorities before adoption.

npm create sanity@latest

# With other package managers:
yarn create sanity@latest
pnpm create sanity@latest