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
Component-driven
You build Slices, reusable website sections, as components in your code.
Local
Everything from creating new Slices to previewing and testing happens locally without affecting your live environment.
Git-compatible
You and your team can develop simultaneously and merge everything at the same time.
Integrates deeply with Next and Nuxt
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 without live content
You don’t have to wait for real content to test your build locally. 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.
Let's build it together
- 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.
- Follow progress
Share feedback, 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.