Prismic MCP is now in the Claude and ChatGPT plugin stores. Connect to create and edit pages with your preferred AI.Install it now

Slices: reusable website sections

Slices turn your design system into page sections anyone can use. Marketers build pages with them, AI assistants draft with them through Prismic MCP, and developers maintain each one in a single place.

Get a demoGet started

Slices are

Build a section once and use it on any page, in any locale.

Hero slice reused on the Homepage, Sanguinella, and Bundles pages

Why teams build with slices

  • Build new pages in minutes, not sprints

    Put a page together from approved sections instead of waiting on a developer.

  • Keep every page on brand

    Developers build your design system into each slice, so nobody has to make spacing, font, or color decisions while they write.

  • Update once, ship everywhere

    Every slice maps to one component in your codebase. Change it once, and every page that uses it updates across your whole site.

How it works

From design system to slice library

1

Developers build the first slices in Next.js, Nuxt, or SvelteKit.

2

3

4

Unstyled Hero slice wireframe above the slice component code

We have a beautiful and impactful brand, and we wanted to ensure that the brand maintains its consistency and impact. Using Prismic helped us do that in an effective way with slices.

Adam Offitzer

Director of Brand and Comms

We have around 40 slices now, and a lot of them have variants. That covers almost everything. It's quite infrequent that we get a design and the content creators say that they don’t have what they need.

Ciaran Green profile picture
Ciaran Green

Technical Architect

With Prismic slices, creating landing pages has never been easier. The system ensures every page stays perfectly on-brand without the complexity we’ve experienced with other page builders. It’s simple, efficient, and exactly what we needed.

Harry Peisach

Ski.com’s CEO

Grow your website one slice at a time

Build your first slice today, then let your team and your AI assistants put it to work.

Questions about slices

Features that work alongside slices