Loading page...
Loading page...
Production-ready React components paired with matching Sanity schemas and GROQ queries. Built for developers who want to move fast without sacrificing quality.
A battle-tested starter template combining Next.js 15, Sanity CMS, shadcn/ui, and Tailwind CSS. Every component ships with its Sanity schema and GROQ query — no wiring required.
Pricing
Schema UI is open source and free to use. The pricing component below is just that — a component. A great example of what you can build. No plans, no tiers, no credit card.
Everything you need to build and ship a production-ready marketing site.
All the advanced features — because we believe great tooling should be accessible to everyone.
Full internationalization support — one of the most requested features. Being built as a dedicated repo for long-term maintainability.
One CLI command initializes the full project — Next.js app, Sanity Studio, and sample content included.
Run the following command in your terminal to scaffold the full project:
npm create sanity@latest -- --template https://github.com/serge-0v/next-js-sanity-starter
Launch the local development server:
pnpm dev
Open the Next.js app at http://localhost:3000. Access Sanity Studio at http://localhost:3333. Sign in using the same account you used with the CLI (Google, GitHub, or email).
http://localhost:3000
Open the Studio running locally in your browser on
http://localhost:3333
You should now see a screen prompting you to log in to the Studio. Use the same service (Google, GitHub, or email) that you used when you logged in to the CLI.
Seed your dataset with demo content to explore the full template immediately:
npx sanity dataset import sample-data.tar.gz production --replace
Why Schema UI
Stop building from scratch. Schema UI gives you a complete library of page-builder components — each with a ready-to-use Sanity schema, GROQ query, and React component.
Trusted by the world's largest companies, Next.js gives you server components, streaming, and edge rendering out of the box — so your site is fast by default.
Sanity's flexible content model, real-time collaboration, and powerful APIs let your team move at the speed of your ideas — without waiting on developers.
Schema UI ships with the features modern marketing sites demand — performance, SEO, accessibility, and a growing component library — all configured out of the box.
Near-instant page loads powered by Next.js static generation and a best-in-class tech stack:
Technical SEO configured from day one:
Exceptional performance metrics across the board. Remove animations for maximum scores:
New components and patterns added regularly. Current highlights include:
Grid
Display content in 2, 3, or 4 columns — each card supports an image, title, excerpt, and CTA link.
Clone the starter to get a full Next.js + Sanity project running in minutes — schemas, queries, and components included.
Comprehensive documentation with live component previews, Sanity schemas, and copy-paste GROQ queries.
Explore ready-made templates and experiment with components.
Carousel
A smooth, accessible image carousel with configurable sizes and slide indicators — dots, count, or none.
Timeline
From a community experiment to a featured Sanity template — here's how Schema UI evolved.
Validated the Schema UI concept within the developer community, focusing on a zero-config, copy-paste approach to Sanity components.
Launched the first Hero component — copy, paste, and it works. No configuration required.
Shipped the Next.js + Sanity starter template, making full project setup a one-minute process.
Designed and built a custom client website using only Schema UI components — proving the rapid-development promise in production.
Schema UI was featured as an official template on sanity.io — validating the approach for the broader Sanity community.
Launched the first premium template in collaboration with shadcnblocks.com — bringing Schema UI to a wider audience.
Restructured into a monorepo: Next.js app and Sanity Studio are now separate packages. Studio is deployed as a hosted Sanity deployment — making it instantly available to Content Agent and MCP out of the box, with no extra configuration.
Use our ready-made components, Sanity schemas, and GROQ queries to bootstrap your marketing site — no boilerplate, no wiring, just build.
FAQ
Everything you need to know about Schema UI, how it works, and how to get started.
Stay in the loop
Be the first to know about new Schema UI components, templates, and releases.
From the Blog
Practical guides on Next.js, Sanity CMS, and building fast, content-driven websites.
Headless CMS explained in 2 minutes by Simen Svale, CTO and Founder at Sanity
With unparalleled flexibility, real-time collaboration, and a powerful API-first approach, Sanity empowers businesses to streamline workflows and deliver seamless digital experiences across platforms.
Next.js, a powerful React-based framework that's revolutionizing web development.
What people are saying
Software Engineer
This product has revolutionized my workflow. Highly recommended!
Product Manager
Great features and intuitive design. There's room for minor improvements.
UX Designer
The user experience is top-notch. It's a joy to use every day.
Marketing Specialist
This tool has significantly boosted our team's productivity.
Startup Founder
Game-changer for our startup. We couldn't be happier with the results.
Data Analyst
Powerful analytics capabilities. It's become an essential part of our toolkit.
Mengapa Memilih Kami
Tim kami membantu dari strategi sampai eksekusi agar bisnis Anda tetap fokus pada pertumbuhan, bukan masalah teknis.