Plugins and tools for Sanity

We’re growing an ecosystem of plugins, tools, custom input components and dashboard widgets for Sanity Studio, in addition to a range of front-end libraries for popular languages and frameworks.

Must-haves

Media browser
- Tool

A convenient way to browse, manage and select all your Sanity assets.

Robin Pyon
Go to Media browser

Content Calendar
- Tool

Official(made by Sanity team)

Schedule and view your editorial calendar, right where you store your content. Prioritize and get organized on the fly with a visual calendar in your Studio.

Go to Content Calendar

Image URL
- Tool

Official(made by Sanity team)

Helper library to generate URLs for image transformation

Go to Image URL

Content Graph View
- Tool

Official(made by Sanity team)

A tool for Sanity Studio to graph your content and see changes in real-time.

Go to Content Graph View

Asset source for Unsplash
- Tool

Search photos on Unsplash and insert them directly inside of your Sanity Studio.

Go to Asset source for Unsplash

SUPER Pane
- Tool

The Sanity Desk Tool Pane with Super Powers

Rico Kahler
Go to SUPER Pane

Clients & SDKs

PHP API client
- Tool

Official(made by Sanity team)

PHP library for the Sanity API

Espen Hovlandsdal
Go to PHP API client

.NET LINQ API client
- Tool

A strongly-typed .Net Client for Sanity CMS with support for LINQ queries, mutations, transactions, joins, projections and more

Go to .NET LINQ API client

Go API client
- Tool

Official(made by Sanity team)

API client for Go projects (under development)

This is an external link at:github.com
Go to Go API client

Portable Text

Portable Text to React
- Tool

Official(made by Sanity team)

Render an array of block text from Sanity with React or React Native.

Go to Portable Text to React

Portable Text to Vue
- Tool

A Vue component for rendering block content. Allows you to pass other Vue components as custom serializers.

ʞunp ʇɹǝdnɹ
Go to Portable Text to Vue

Custom inputs

Code Input
- Tool

Official(made by Sanity team)

Syntax highlighted editor for code.

Bjørge Næss
Go to Code Input

Color-input
- Tool

Official(made by Sanity team)

Color input for Sanity that stores selected colors in hex, hsl, hsv and rgb format.

Go to Color-input

Mux input
- Tool

Upload videos to Mux directly from the studio.

Go to Mux input

Markdown input
- Tool

Official(made by Sanity team)

Markdown input component and schema type. Supports image uploads.

Go to Markdown input

URL Metadata Input
- Tool

URL input for Sanity that retrieves metadata (title, description) along with open graph information.

Espen Hovlandsdal
Go to URL Metadata Input

Mapbox
- Tool

Sanity plugin providing input handlers for geo-related input types using Mapbox

Go to Mapbox

Asset sources

Mux input
- Tool

Upload videos to Mux directly from the studio.

Go to Mux input

Asset source for Unsplash
- Tool

Search photos on Unsplash and insert them directly inside of your Sanity Studio.

Go to Asset source for Unsplash

Latest tools

Iframe Pane
- Tool

Display any URL in a View Pane, along with helpful buttons to Copy the URL or open in a new tab.

Simeon Griggs
Go to Iframe Pane

SEO Pane
- Tool

Run yoast.js analysis on your front end, refreshing as you edit your Document, from inside a View Pane.

Simeon Griggs
Go to SEO Pane

Documents Pane
- Tool

Display the results of any GROQ Query inside a View Pane

Simeon Griggs
Go to Documents Pane

AWS S3 media browser
- Tool

Allows uploading, referencing and deleting video and audio files to S3 directly from your Sanity studio.

Henrique Doro
Go to AWS S3 media browser

Icon Picker
- Tool

Icon picker for which let you select icons from a set of icon providers

Christopher Af Bjur
Go to Icon Picker

Netlify Deploy Status Badge
- Tool

Display Netlify's status badge in Sanity Studio and your site's recent deploys. Plus, trigger a new build if you want to!

Dorell James
Go to Netlify Deploy Status Badge

sanity-plugin-computed-field
- Tool

A field based on other fields; memoization in your Sanity model. Field value is recomputed with the click of a button, using a GROQ query referencing the current document being edited, and a reducing function to produce the single value from the GROQ result.

Sean H
Go to sanity-plugin-computed-field

sanity-plugin-cloudinary
- Tool

Official(made by Sanity team)

Access and reference images and videos from your Cloudinary account within the Sanity Studio.

Rune Botten
Go to sanity-plugin-cloudinary

sanity-algolia
- Tool

Official(made by Sanity team)

Helpful code for automating indexing your Sanity content in Algolia

Rune Botten
Go to sanity-algolia

Note Field
- Tool

Display inline notes in your schemas

Nick DiMatteo
Go to Note Field

React Portable Text
- Tool

An easy way to render Portable Text block content in React applications.

Corey Ward
Go to React Portable Text

Markdown IDE
- Tool

Schema and Component for editing Markdown in Sanity

Atila Fassina
Go to Markdown IDE

next-sanity-extra
- Tool

Simplify integration of NextJS and Sanity (with live preview)

Christopher Fraser
Go to next-sanity-extra
Choose a starter
OR install Sanity with:
λ npm install -g @sanity/cli
λ sanity init