Structured Content 2022: Join our conference to explore fresh perspectives on content and digital experiences →

ReactJS resources

Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.

25 React tools

View all

SUSAM

Susam integrates Sanity asset management with Shopify. As soon as you install it, you will be able to fully utilise Shopify content distribution from your Sanity environment.

Sogody
Go to SUSAM

Taxonomy Manager

Create and manage SKOS compliant taxonomies, thesauri, and classification schemes in Sanity Studio.

Andy Fitzgerald
Go to Taxonomy Manager

Tags
- has 6 likes

A multi-tag input for sanity studio. Fully featured with autocomplete capabilities, live updates, predefined tag options, style and component customizability, and much more.

P Christopher Bowers
Go to Tags

Sanity Draft Review Plugin

This plugin allows content editors to quickly view, approve and reject documents in draft mode (not published).

Gustavo Bremm
Go to Sanity Draft Review Plugin

9 React starters

HeySugar (Gatsby)

An open-source, self hosted, blood sugar tracker for type one and type two diabetics. Developed with Sanity and built with Gatsby.

Jamie Bradley
Go to HeySugar (Gatsby)

Kitchen Sink

Official(made by Sanity team)

Sanity.io’s ever-evolving feature-rich demonstration studio. Fully customizable examples of page building, blog template and more examples with a React.js front-end.

Go to Kitchen Sink

Blog with Gatsby

Official(made by Sanity team)

Fully customizable blog template with a Gatsby & React.js front-end.

Go to Blog with Gatsby

Commerce Layer Starter

A multi-country ecommerce starter built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.

Go to Commerce Layer Starter

Next.js Landing Pages

Official(made by Sanity team)

SEO friendly page builder in React.js. Heroes, sign-up forms and calls to action.

Go to Next.js Landing Pages

Gatsby Portfolio

Official(made by Sanity team)

A clean Gatsby & React.js starting point for portfolios, project listings or case studies.

Go to Gatsby Portfolio

Next.js Ecommerce Starter

Official(made by Sanity team)

An e-commerce starter that features a studio with a simple Next.js frontend. This starter uses the Next.js toolkit for Sanity.io.

Go to Next.js Ecommerce Starter

Next.js Blog with Comments

Official(made by Sanity team)

A blog site with posts and comments stored together for management. Build using Next.js, Sanity.io, and Vercel.

Bryan Robinson
Go to Next.js Blog with Comments

27 React guides

View all

Table of contents with Sanity Portable Text

In this article, we will see how to extract headings from Sanity Portable Text to automatically generate a table of contents.

This is an external link at:kittygiraudel.com
Kitty Giraudel
Go to Table of contents with Sanity Portable Text

66 React projects made with Sanity

View all

Fresco Cooks

Fresco Cooks make software for smart appliances

Go to Fresco Cooks

Figma Config

Website for Config, the global design conference by Figma.

Corey Ward
Go to Figma Config

Why Mums Don't Jump

Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.

Paul Brickles
Go to Why Mums Don't Jump

Black History Month Church Activities Micro-Site

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
Go to Black History Month Church Activities Micro-Site

EdgeTag

Blotout, a $3m-backed YC startup, launched EdgeTag, a serverless app that sends consented data to the Facebook Conversion API directly from the customer’s domain. They initially set up a simple landing page for it, but quickly realized they needed to have a scalable and more content manager friendly platform to create more landing pages for other integrations they support (e.g. Fastly, Cloudflare). We've created for them a performant and easy-to-manage website by leveraging tools like Remix, Sanity CMS, and Vercel.

Omar Benseddik
Go to EdgeTag

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.

Other frameworks

All frameworks