sanity-io/ui

The Sanity color palette.

The Sanity icons.

Babel compiler core.

A Babel preset for each environment.

Babel preset for all React plugins.

Babel preset for TypeScript.

Lint your commit messages

Shareable commitlint config enforcing conventional commits

Recommended setup for releasing semantically using GitHub Actions workflows

Test component compliance with web accessibility standards

Document component usage and properties in Markdown

Curated addons to bring out the best of Storybook

Automate, test and debug user interactions

Link stories together to build demos and prototypes with your UI components

GitHub Flavored Markdown in Storybook

View a story’s source code to see how it works and paste into your app

Switch between multiple themes for you components in Storybook

Storybook Doc Blocks

Storybook React renderer

Storybook for React and Vite: Develop React components in isolation with Hot Reloading.

Core Storybook Components

Simple and complete DOM testing utilities that encourage good testing practices.

Custom jest matchers to test the state of the DOM

Simple and complete React DOM testing utilities that encourage good testing practices.

Fire events the same way the user does

TypeScript definitions for jest

TypeScript definitions for jest-axe

TypeScript definitions for node

TypeScript definitions for react

TypeScript definitions for react-dom

TypeScript definitions for react-is

TypeScript plugin for ESLint

An ESLint custom parser which leverages TypeScript ESTree

Git commit, but play nice with conventions.

Floating UI for React DOM

Strict TypeScript and Flow types for style based on MDN data

Runtime for React Compiler

A simple and powerful JavaScript animation library

Super-thin React wrapper for refractor (Syntax highlighting using VDOM)

Ponyfill of the experimental `React.useEffectEvent` hook

Core Storybook Manager API & Context

Babel plugin for React Compiler.

Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches

Sanity plugin containing the base components and roles for a Sanity configuration

Handy hooks and clever components for Sanity Studio v3

Sanity form builder

React hooks and UI for reading and managing secrets in a Sanity Studio. This is a good pattern for keeping configuration secret. Instead of using environment variables which would be bundled with the Studio source (it is an SPA), we store secret information in a document in the dataset. This document will not be readable to externals even in a public dataset. With custom access controls you can also specify which users can read the configuration in your Studio.

Sanity plugin for running/debugging GROQ-queries against Sanity datasets

Tool for managing all sorts of content in a structured manner

Tool for rendering dashboard widgets

The default layout components for Sanity

Lets the user log in to Sanity.

Sanity input component for code, powered by CodeMirror

Color input

This is the base module for implementing common translation vendor tasks from a Studio, such as sending content to be translated in some specific languages, importing content back etc. Not useful on its own, but vendor-specific plugins will use this for its chrome.

Essential building block schemas for using the Sanity CMS with the Vyuh Framework

Drag-and-drop Document Ordering without leaving the Editing surface

This version of `sanity-plugin-media` is for Sanity Studio V3.

The variant list picker for Stackshift in Sanity Studio V3

Use images from Unsplash.com in your Sanity Studio

> **NOTE**

An input component that integrates Sanity Studio with Mux video encoding/hosting service.

Sanity Studio Dashboard Widget for triggering Netlify builds

Create unique translations of a document based on its language, joined by a shared reference document.

A custom input component for displaying an array of color to pick from.

A Sanity plugin that supports filtering localized fields by language

The GPT3 integration in Sanity Studio V3

Diff utilities and preview components

Display any URL in a View Pane, along with helpful buttons to Copy the URL or open in a new tab

Store localized fields in an array to save on attributes

Markdown fields in Sanity Studio. Supports Github flavored Markdown and image uploads.

Displays the results of a GROQ query in a View Pane