Sanity Iconify
Icon picker with over 150,000 open source vector icons
Wannes Salomé
ReactJS resources
Guides, plugins and other developer resources for ReactJS - the popular open source Javascript framework.
36 React tools
Mermaid Charts Input
Mermaid chart Input with sanity v3 support. Mermaid lets you create diagrams and visualizations using text and code to your sanity studio as an input.
Go to Mermaid Charts InputOG Image generator
Allow editors to generate OG:image inside of Sanity
Ekaterina Baliasnikova
Asset source for Imageshop
Search photos on Imageshop and insert them directly inside of your Sanity Studio.
Go to Asset source for ImageshopSanity Lighthouse
The Sanity Lighthouse Plugin seamlessly integrates Google PageSpeed Insights into your SanityCMS workflow, providing comprehensive performance analysis. Generate reports, monitor performance, and optimize your website for faster load times and improved user experience, all within your existing development process. It's a developer-friendly tool that streamlines performance testing and optimization for your SanityCMS-powered website.
Halo lab
Weighted Array Input
A slider component to add weighting to any Sanity array. Perfect for A/B tests.
Go to Weighted Array Input4 React starters
Clean Next.js + Sanity app
Featured contribution
Official(made by Sanity team)
A clean example of Next.js with embedded Sanity ready for recomposition.
Cody Olsen
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.
Commerce Layer Sanity Template
A multi-country ecommerce store built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.
41 React guides
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
Live Preview with Next.js App Router and Sanity Studio
Official(made by Sanity team)
Preview draft content and changes as-you-type in Next.js from Sanity Studio
How to dynamically create a sitemap with Sanity and Remix
In this article we explain how we use Sanity and Remix to dynamically create sitemaps. The example used is from Heavybit, a developer tools VC in San Francisco.
This is an external link at:tinloof.com
Tinloof
Handling complex state in a custom component
Creating custom component is great, but sometimes, it is hard to follow every fields changes, and assure data stability.
Oliver White
Swap a €30k Budget for Just 5 Days Worth of Dev Time: Relaunching Fresco Cooks.
See how we use Sanity and Headless CMS to allow B2B SaaS companies to control their whole site.
This is an external link at:mawla.agency
Mawla | Jamstack Agency
10 Shopify SEO best practices with Sanity and Remix
We go over different SEO elements that make Shopify stores we build at Tinloof rank on search engines.
This is an external link at:tinloof.com
Tinloof
134 React projects made with Sanity
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
AEG
The global powerhouse in sporting and music entertainment
View Source
Aisho
A nature themed informational site for microbiome health products featuring AI
Go to AishoReactJS 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.