Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.
This plugin allows you to enrich fields in Sanity with feedback from the Jev model from TypeSafe. Show editors a real-time score for things like readability, tone, trustworthiness, credibility or anything else you can think of.
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.
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.
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.
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.
Render your runtime schema as a Mermaid class diagram inside Sanity Studio.
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.
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.
Next.js app with Visual Editing and Live Content API for blazing-fast page updates.
A Sanity-powered personal website with built-in content editing and instant previews.
A Sanity-powered blog with built-in content editing and instant previews.
Solart is a modern solar and clean-energy business template built with Next.js, Tailwind CSS, GSAP and Sanity. Solutions, products, pricing, careers and a blog, all with clear, confident layouts. Edit every page in Studio. Ships with an Astro version too.
How we migrated Cointracker from Ghost and Webflow to Sanity, and the lessons we learned along the way.
Sanity MCP Server and Claude Code changed my development approach, enabling me to build a complex BigCommerce product selector in minutes instead of hours.
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.
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.
Boost development speed with SanityPress's new built-in VSCode snippets. Simplify schema and component creation effortlessly.
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.
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.
Fresco Cooks make software for smart appliances
Website for Config, the global design conference by Figma.
Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.
A quickly spun-up marketing site for church activities related to Black History Month themes to help centralize all the information for the congregation.
Translating the shop floor experience into digital form
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.