Logo for Content studio

Content studio

Efficient collaborative editing.
Customize in JavaScript as needed.

iPad running sanity

  • Open source

    Open source

    Build in Javascript and React.js.
    Full source code, permissive license

  • Auto generated UI

    Auto generated UI

    Sketch out a relational data model and instantly get a user friendly editor for it.

  • Hosted

    Hosted

    Integrate into other sites, self-host or single line deploy to https://yourname.sanity.studio.

  • Mobile friendly

    Mobile friendly

    Optimized for mobile and touch devices.

  • Image editor

    Image editor

    Set hotspots, deliver scaled photos. Crop images.

  • Real-time

    Real-time

    Edit structured, highly connected documents collaboratively

  • Plugins

    Plugins

    Extend with your own data types, custom user interfaces and third-party integrations.

Sweet developer experience

Customize and extend using modern tooling.

  • Rapid development

    Sketch out complex relational data models and instantly get user-friendly interfaces.

  • Define in code

    Quickly define schemas in JavaScript. Subject your data models to revision control along with your front-ends. Generate schemas in code.

  • Extend in React.js

    Create custom tools, surface data from APIs and build input controls for your own data types in React.js.

  • Inject dependencies

    Switch out and compose user interface components cleanly with named parts.

Crows playing with bricks

The Sanity Content Studio is an open source real-time content editing environment backed by our cloud hosted data store and image pipeline.

It makes working with structured content effortless for editors while being customizable by developers using the modern tooling they love.

Text + Data = ❤️

You should be able to deliver your content on any channel. Even those not invented yet. This means applying the logic of structured content to block text as well as other fields.

  • Internal links in text

    Links in text spand become hard references and raise errors when someone tries to delete the object referred to.

  • Mix data and text

    Allow users to add any data type to block text. Need a reference to an object or an ambedded object? Just add it as an object to block text. Drag, drop and clipboard data in running text.

  • Query block text

    like you would any other data structure

  • Reference

    a product in content marketing copy. Render it with the data of the product itself.

Real-time

Unlock collaboration and deep integration with real-time systems

  • No more saving. Everything is synchronized all the time.
  • Have bots and scripts update documents without conflicting with human editors
  • Easily build your own real-time components

It used to be that content was created only by people writing text on keyboards. Increasingly though content work happens in flows of data between systems. Therefore the Sanity Content Studio was built as a real-time system from the bottom up.

All edits are applied in real-time as small patches to the cloud hosted datastore and sent to all connected clients. This means conflict-free editing, no locking and no over-writing. It means full revision history for your documents. It means bots and users collaborating without stepping on each other’s toes.

Illustration of connected services with spaghetti

Customizable

Customize locally, deploy in seconds

Making an editing environment work really, really well for someone means being able to respond to their needs. Therefore you the get full source code for the editing environment, and can run it on localhost.

Integrate your own tooling. Surface metrics from third parties like Google Analytics.

  • Customize in React.js - distribute as NPM packages
  • Build real-time components
  • Override and compose our UI components
  • Deploy with sanity deploy to yourname.sanity.studio

Example color picker plugin

Content Manager 💖

Untangling content from page structures means faster editing and less clicking.

  • Real-time collaboration. No locking or overwriting.
  • Live preview for drafts on front-end
  • Mobile responsive and touch compatible
  • Batch upload and paste images into the editor
  • Drafts, rollback to published document
  • WYSIWYM (what-you-see-is-what-you-mean) rich text editing

Picture perfect

Safely store original images. Transform as needed.

  • Store archival grade originals
  • Hot-spots: Automatically crop for different aspect-ratios
  • Ingest JPG, PNG & TIFF. GIF too (kittehs!).
  • Output JPG, PNG & WebP.
  • Pass-through for SVG & GIF or transcode to other formats.
  • Image archive
  • Drag-and-drop as well as clipboard support for image uploading

Read more about the Image URL Builder Client or the image URLs