ReactJS resources

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

38 React tools

View all

Sanity Plugin: Cincopa Uploader

A Sanity Studio v3 plugin for uploading and managing assets with Cincopa. This plugin allows editors to upload media files or link existing Cincopa assets directly from within the Sanity Studio interface.

Go to Sanity Plugin: Cincopa Uploader

Sanity Backups

An open-source backup solution for websites and apps built with Sanity.

James Rea
Go to Sanity Backups

Image Asset Picker

User can browse and bulk-select image assets to add to an image array field.

Simon Gowing
Go to Image Asset Picker

Sanity Image

A well-considered React component for displaying images from Sanity in any React application (Next.js, Astro, Remix, Gatsby, etc)

Corey Ward
Go to Sanity Image

8 React starters

Ignite for Sanity

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.

Go to Ignite for Sanity

Turbo Start Sanity

The battle-tested Sanity template that powers Roboto Studio's websites

Go to Turbo Start Sanity

Clean Next.js + Sanity app

Official(made by Sanity team)

Next.js app with Visual Editing and Live Content API for blazing-fast page updates.

Go to Clean Next.js + Sanity app

Sanity Photon

Sanity Photon is a minimal starter kit for building custom e-commerce experiences with a headless architecture. It combines the power of Shopify for commerce operations, Sanity for content management, and Next.js for a fast, SEO-friendly storefront.

Soufiane
Go to Sanity Photon

Sprout.store

Top shelf, battle-tested Next/Sanity boilerplate for building headless Shopify stores and marketing websites. Has generated 2.2M in revenue for Gardener.nyc

Ian Hatcher-Williams
Go to Sprout.store

40 React guides

View all

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
Go to How to Implement Text Wrap Around Images in Sanity CMS

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
Go to Boost Your Workflow with VSCode Snippets

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
Go to Sanity Page Builder, Visual Editor, Personalization, A/B Testing

Sanity Helper Functions

The SanityPress starter template includes utility helper functions for working with the Sanity Studio structure.

This is an external link at:sanitypress.dev
Mitchell Christ
Go to Sanity Helper Functions

Awesome custom input component for metadata

Add values for title, alt text and description to image assets through a custom input component with validation and all! (Code in JS & TS)

Saskia Bobinska
Go to Awesome custom input component for metadata

How to build a Portfolio Site with Sanity and Next.js

Learn how to build a portfolio site with Sanity and Next.js 13 and also explore how to setup GROQ-powered webhooks for deployment

This is an external link at:www.freecodecamp.org
Victor Eke
Go to How to build a Portfolio Site with Sanity and Next.js

182 React projects made with Sanity

View all

Jennifer Fisher

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
Go to Jennifer Fisher

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

Fabryka Atrakcji

Crafting Unforgettable Team Experiences with Seamless Content Management

Oliwier Sellig
Go to Fabryka Atrakcji

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