Components

A collection of Schema UI components for Sanity CMS

How to Use

To see all components on one page, visit Playground

Hero

A prominent visual element at the top of a landing page that's designed to grab the user's attention and guide them further into the site

Section Header

A content block used to introduce and organize different sections of a webpage, featuring a tag-line, title, and body text to guide users through information in a structured, hierarchical format.

Split

A two-column layout design that pairs visual content on one side with text content on the other, creating a balanced composition that combines an image with accompanying tagline, title, and descriptive text to effectively communicate information while maintaining visual interest.

Logo Cloud

A collection of brand or partner logos displayed in a grid or row format, typically preceded by a title, used to showcase affiliations, clients, or integrations while building credibility and trust with visitors.

Grid

Layout system that arranges multiple content elements (like cards, pricing plans, or blog posts) in a structured matrix format, allowing for consistent spacing and responsive organization of similar content types.

Carousel

A dynamic slideshow component that rotates through a series of images or content panels, allowing users to browse multiple visuals in a compact space while providing interactive navigation controls for manual browsing.

Timeline

A vertical chronological display with a connecting line and dot markers, organizing sequential events or milestones by pairing titles, descriptive text, and temporal indicators to visualize progression or historical development in an easily scannable format.

Call to action

A conversion-focused content block structured with a tagline, compelling title, and persuasive body text, complemented by two clickable button links that guide users toward specific actions or destinations on the website.

FAQs

An expandable list of common questions and answers displayed in accordion-style panels, where each question serves as a clickable header that reveals its corresponding answer content, helping users quickly find specific information.

Form

A focused input component designed to capture user email addresses for newsletters or waitlists, typically featuring a clean layout with an email field and submit button, optionally integrated with services like Resend or Loops for automated email management.