icons-sanity
A searchable icon picker for Sanity Studio, backed by a 633-icon library and a matching React component — editors pick the icon in Studio, you just choose where to render it in your app.
Jatin Kumar
ReactJS resources
Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.
59 React tools
Zernio Social Publishing
Plan, preview and publish Instagram and Facebook posts from inside Sanity Studio, through the Zernio API. Posts live in the dataset as documents, so they get drafts, version history, roles and a reference to the article or release they belong to. The tool adds a cockpit with a calendar, a filtered post list, true-to-scale previews per post type, and a settings panel for the API key, profiles and connected accounts. Covers Instagram feed, carousel, story and reel plus Facebook feed, story and reel, with per-type validation while writing.
SGNTech
Gallery Block
Image galleries as a Portable Text block: grid or carousel, fed from the Sanity Media Library. Every image carries alternative text, caption and credit, and the caption is rendered underneath each slide. The carousel steps through one image at a time with arrows and dot indicators; clicking any image opens it full screen in a native <dialog> lightbox with keyboard navigation. The renderer ships structural CSS only — colours, fonts and spacing come from your design via CSS custom properties.
SGNTech
Instagram Embed
Embed Instagram posts, reels and IGTV videos anywhere inside an article. Editors paste either a post URL or Instagram's full embed code — both are reduced to a clean permalink, so no tracking parameters or markup end up in your content. A live preview inside the editor shows what was picked before publishing. Ships a separate `/render` entry point with a React component and a @portabletext/react mapping, so the frontend renders posts without importing `sanity` into the app bundle.
SGNTech
Mermaid Content Model
Render your runtime schema as a Mermaid class diagram inside Sanity Studio.
Andy Fitzgerald
Sirv media source
Add Sirv as a first-class media source inside Sanity Studio. Connect your Sirv account, browse the Sirv DAM, and pick images, videos, 360 spins, Sirv views or any file directly from fields. Assets stay on Sirv and render on the frontend with the companion @sirv/react package.
Jake Brumby
26 React starters
Ignite for Sanity
Featured contribution
Ignite for Sanity is a powerful template for content-driven marketing sites, optimized for SEO, engagement, and growth. It is built on Next.js, React.js, and Tailwind CSS.
Turbo Start Sanity
Featured contribution
A bare-metal, nitro-fuelled Sanity template welded in the garage of Roboto Studio. Ready to rip with pagebuilders, hyper-optimised SEO, and a need for speed.
Clean Next.js + Sanity app
Featured contribution
Official(made by Sanity team)
Next.js app with Visual Editing and Live Content API for blazing-fast page updates.
Personal Website with Built-in Content Editing
Featured contribution
Official(made by Sanity team)
A Sanity-powered personal website with built-in content editing and instant previews.
Blog with Built-in Content Editing
Featured contribution
Official(made by Sanity team)
A Sanity-powered blog with built-in content editing and instant previews.
Studiova - Shadcn Creative Web Agency Template
Paid template
Studiova is a bold shadcn UI template built for creative web agencies and portfolio-driven studios. It helps teams present their identity, work, and services through a visually rich layout that makes a strong first impression and converts visitors into clients.
43 React guides
We exorcised Ghost CMS from CoinTracker's content stack
How we migrated Cointracker from Ghost and Webflow to Sanity, and the lessons we learned along the way.
This is an external link at:robotostudio.com
How Sanity MCP Transformed My Coding Experience
Sanity MCP Server and Claude Code changed my development approach, enabling me to build a complex BigCommerce product selector in minutes instead of hours.
This is an external link at:typed.sanitypress.dev
Mitchell Christ
How to Implement Text Wrap Around Images in Sanity CMS
Frustrated by Sanity's inability to wrap text around images? This tutorial shows you how to build a custom component that gives your content editors the power to float images left or right with adjustable width controls.
This is an external link at:contentwrap.io
ContentWrap
How to Hide Pages from Search Engines and Sitemaps in Sanity CMS
Need to hide pages from Google, your sitemaps, and listing pages, while keeping them published? This guide demonstrates how to create a visibility system in Sanity CMS that effectively hides content where it matters.
This is an external link at:contentwrap.io
ContentWrap
Boost Your Workflow with VSCode Snippets
Boost development speed with SanityPress's new built-in VSCode snippets. Simplify schema and component creation effortlessly.
This is an external link at:sanitypress.dev
Mitchell Christ
Sanity Page Builder, Visual Editor, Personalization, A/B Testing
This Uniform experience manager allows marketers to build modern personalized digital experiences visually by re-purposing content from your Sanity content back-end and mix and match content from other sources.
This is an external link at:docs.uniform.app
Andrew Kumar
192 React projects made with Sanity
Jennifer Fisher
Featured contribution
We helped Jennifer Fisher, a Shopify Plus jewelry and lifestyle brand, double their conversion rate by building a fast and fully self-managed online store.
Tinloof
Fresco Cooks
Featured contribution
Fresco Cooks make software for smart appliances
Figma Config
Featured contribution
Website for Config, the global design conference by Figma.
Corey Ward
Why Mums Don't Jump
Featured contribution
Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.
Paul Brickles
Black History Month Church Activities Micro-Site
Featured contribution
A quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.
Thomas Z Lukoma
Sanity Fleet
Sanity Fleet - Every Sanity project in your organization, in one sortable table, and one click into the Studio that owns the document.
Henrik Larsson
ReactJS is a leading Javascript framework for use in developing rich, interactive user interfaces. As one of the most popular and in-demand frameworks in web development, it's increasingly important to add React to your developer toolkkit. Enjoy these guides, tools, plugins, and projects written in React, for use with Sanity studio. There's a lot more here than guides to frontend frameworks! Sanity itself is written in React, so learning the framework in a frontend context (i.e., building React websites) can easily transfer over for use in Sanity, and there are a wide variety of custom React components and plugins for use in Sanity as well.