ReactJS resources

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

15 React tools

View all

Vimeo Browser

Disclaimer: This plugin is very WIP and its API might change in the future. The UI is not finished yet. A plugin to browse, select and upload vimeo videos directly from the Sanity studio.

Jesper Paulsen
Go to Vimeo Browser

Icon Picker

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

Christopher Af Bjur
Go to Icon Picker

Netlify Deploy Status Badge

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

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

18 React guides

View all

Guide to server-side rendering with Deno and React

In this tutorial, we will take a look at server-side rendering with Deno and React. To get a proper hang of the fundamental concepts, we will start by discovering what Deno is, and how it compares to Node in terms of security, package management, and so on.

Oluyemi Olususi
Go to Guide to server-side rendering with Deno and React

Creating my first Sanity.io plugin

I created my very first Sanity plugin and this article details out my experience - the problems I encountered and how I solved them. But yeah, just really scratching my own itch!

Dorell James
Go to Creating my first Sanity.io plugin

41 React projects made with Sanity

View all

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

Allkinds

Craft a unique online experience that is reflective of the fun and uniqueness of this child focused reusable, compostable, refillable brand.

Kevin Green
Go to Allkinds

illuminem (Energy News Aggregator)

illuminem is an energy news aggregator that curates the latest headlines from media outlets like The Financial Times and Bloomberg. It was designed and built by Tinloof, a Berlin-based product agency.

Omar Benseddik
Go to illuminem (Energy News Aggregator)

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.

Choose a starter
OR install Sanity with:
λ npm install -g @sanity/cli
λ sanity init

Other frameworks

All frameworks