Build fast, your way
Makeswift is the visual builder that plays nice with your codebase. Keep full control of components, performance, and integrations, while giving marketers the freedom to move without breaking things.
ISR support
Keep pages up to date with on-demand revalidation—zero config needed and always included for free.
Code splitting
Dynamically register components for smaller bundles and faster loads.
Composable controls
Map visual UI controls to any JSON-based prop structure.
Intuitive APIs
Query Makeswift like any headless CMS using simple, predictable APIs.
Decoupled components
Makeswift sits outside of your components so you can use them in code or visually without any rewrites.
Seamless integration
Use our CLI to scaffold a new project and get up and running with Makeswift in just a few commands.
Minimal runtime overhead
Progressive hydration and static generation keep your site fast—without bloated scripts or runtime tradeoffs.
Incremental adoption
Add Makeswift to existing pages gradually—enable full-page editing or just specific regions without rewriting your entire application.
Powered by the future
Makeswift leverages frameworks like React, Next.js, and TypeScript for fast, flexible frontends without the weight of outdated tools.
Your components, your way
Bring your existing React components into Makeswift without changes. Marketers get visual access, developers stay in control.
Type-safe from the start
Avoid component integration errors with helpful error messages and autocomplete in your favorite IDE.
APIs
Use React and Typescript APIs to extend your site. You can fetch data from Makeswift like any other CMS and render it with our open source components.
'%3E%3Cpath d='M0 0H360V240H0V0Z' fill='%23A1A8C2' fill-opacity='0.18'/%3E%3Cpath d='M260 59C260 78.33 244.33 94 225 94C205.67 94 190 78.33 190 59C190 39.67 205.67 24 225 24C244.33 24 260 39.67 260 59Z' fill='%23A1A8C2' fill-opacity='0.25'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M319 250H417L291.485 124.485C286.799 119.799 279.201 119.799 274.515 124.485L234 165L319 250Z' fill='%23A1A8C2' fill-opacity='0.25'/%3E%3Cpath d='M311 250L-89 250L102.515 58.4853C107.201 53.799 114.799 53.799 119.485 58.4853L311 250Z' fill='%23A1A8C2' fill-opacity='0.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath d='M0 0H360V240H0V0Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Incremental adoption
Gradually integrate Makeswift into your hardcoded pages, allowing full-page editing or editing of specific regions, without the need to rewrite the entire application.
Resources
We have a robust collection of resources and guides to help along the way.
