It’s how you build the builder
Slice Machine transforms the way you code reusable components and lets you deliver them directly to marketers in a custom page builder.
Built for the way you build
You build slices, reusable website sections, as components in your code.
Everything from creating new slices to previewing and testing happens locally without affecting your live environment.
You and your team can develop simultaneously and merge everything at the same time.
Tight integrations with Next, Nuxt, and SvelteKit
We offer an unmatched integration experience that goes beyond simple data fetching. Slice Machine generates components and data models within your project's environment, enabling you to work more efficiently.
How Slice Machine works
Skip the initial repetitive tasks with boilerplate code
Slices are automatically saved to your project in your
/slices folder with boilerplate code.
Dive straight into coding your slices
Jump in and start adding your own UI code with your own custom styling.
Save time defining content fields
Model your slice by adding or removing fields in Slice Machine. Your JSON model will be updated automatically.
No documentation diving to connect to our API
For each content field you add to your slice, we provide code snippets to template that field in the component.
Preview slices in isolation
Preview your slices on different viewports with our local previewing feature: slice simulator.
Test locally with mock data
Test your build locally before you have the real content ready. Slice Machine gives you mock data out of the box.
Push all your changes at once
All changes between your code and the cloud are in one place, so you can sync them together with one click.
Help your team spot the right slice with screenshots
Push slices to your marketing team together with screenshots. Now they can easily choose which slice they need.
Reuse slices across page types
Make your slices available on specific pages or reuse them everywhere.
Roll your own boilerplate
Align boilerplate slice to your own website conventions. Add specific formatting rules and use special styling libraries by default. Or simply start coding from scratch.
One component, many variations
Build multiple variations of your slice, such as light and dark option. Give flexibility to your content team, maintain one component.
Reuse libraries across projects
Curate your own slice library with all components you want to share or reuse across projects.
Slice Machine. There's just nothing else like it. So easy for development, it promotes best practices, and can be reused across projects easily.
Once I got to try Slice Machine, I realised how much of a game changer it was. I've not started any brand new projects with a CMS other than Prismic since.
Slice Machine changes the game and helps Prismic stand out in the headless space.
There are many headless solutions out there. You will need to spend weeks learning how the platform works. That was not my experience with Prismic.
Slices have to be the #1 thing, the customisation you can get with producing slices for different clients is exceptional.
Slice variations were and are a sweet addition; they give that extra little bit of customizability but keep the result inline with the design.
I don’t know that there’s another workflow that would let us get this far, this fast.
Let's build it together
- Follow progress
We’re always shipping new updates to Slice Machine. See what’s new, what’s coming up, or submit an idea for a new feature.
- Join our research panel
Join our research panel and help shape Prismic directly. Dive into usability tests, interviews, surveys, and more.
- Join our community
Build locally, connect globally
Got questions? Have answers? Head over to our community forum to meet developers from around the world. Learn from them, help them with their projects, and start building together.
It’s time to build. It only takes minutes to start your first project.