Create components, aka slices, locally using our development tool, Slice Machine. Slice Machine helps you build a visual page builder for your marketing team fast.
Visual Page Builder
The visual Page Builder is where marketers create beautiful pages to grow their website independently. It's what you create and customize for your marketing team using Slice Machine.
Prismic empowered Monogram to not only deliver websites, but a powerful page builder. The intuitive editing experience and killer features like slices have cemented Prismic as our default choice.
I don’t know that there’s another workflow that would let us get this far, this fast.
Tight integrations with Next.js, Nuxt, and SvelteKit
Get 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.
Visual content modeling
Save time defining content fields. Model your slice by adding or removing fields in Slice Machine. Your JSON model will be updated automatically.
For each content field you add to your slice, we provide code snippets to template that field in the component.
Code safely with automatic types for your content.
Auto-generated component structure
Skip the initial repetitive tasks with boilerplate code. Slices are automatically saved to your project in your /slices folder with boilerplate code.
Slice templates are slices made by the Prismic team. Start with pre-configured CTAs or heroes and simply style them to match your brand.
Reuse slices across page types. Make your slices available on specific pages or reuse them everywhere.
Build multiple variations of your slice, such as light and dark option. Give flexibility to your content team, maintain one component.
Curate your own slice library with all components you want to share or reuse across projects.
All changes between your code and the cloud are in one place, so you can sync them together with one click.
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.
Sync environments from Slice Machine
Select your environment in Slice Machine, make changes and validate them, then toggle to production and sync your changes when you're ready. Environments are included with the Enterprise plan and are available as a paid option on yearly Platinum plans paid via invoice.
Work in your separate developer sandbox
Soon you'll be able to create your own personal developer sandbox within Slice Machine. This is an isolated personal environment. Code, test, and preview in isolation without overwriting other developers' work or impacting production.
You and your team can develop simultaneously and merge everything at the same time.
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 and help shape Prismic directly. Dive into usability tests, interviews, surveys, and more.
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.
Have questions? We have answers?
What is Slice Machine?
Slice Machine is a local development tool for building types and slice models in sync across your codebase and your Prismic repository. Slice Machine puts your content models in your codebase, so your code serves as the source of truth for your data structures. With Slice Machine, you can version and simulate your content models locally.