The visual builder marketers and developers love

Icon

A visual builder that marketers love. Go to market faster than ever.

View more
Icon

Built on modern technology. Use React and Typescript APIs to extend.

View more
Icon

Enterprise grade quality. Future-proof your marketing site.

View more

Drag & drop with superpowers. Marketers can create custom layouts, gorgeous animations, and bespoke experiences without having to know HTML & CSS.

Icon

Global design system. Add site-wide colors, text styles, and global components to keep your theme consistent across all your pages and devices.

Site theme sidebar in Makeswift builder
Icon

Beautiful animations. Quickly animate your pages as you build. Add fade, blur, or scale animations to your content with a single click.

Icon

Optimize for SEO without increasing complexity. Quickly add metadata, set up redirects, and auto-generate XML sitemaps.

SEO controls within page sidebar in Makeswift builder
Icon

Keep everyone on the same page. Never get locked out of a project again because a someone else is working on it.

Presence indicator displaying 3 users in a page
Icon

Blazing fast performance out of the box. Makeswift leverages modern web frameworks to keep performance scores high.

Page performance score displaying 95+

Simple, yet powerful controls right at your fingertips. 

Visual controls for spacing 

Create anchor links 

Custom element names 

Copy and paste 

Dynamic page links 

Redirects 

Global components 

Snippets 

Custom domains 

Video backgrounds 

Parallax backgrounds 

SSL certificates 

Forms 

Google Fonts 

Sitemaps 

Integrate components, not schemas. Empower your marketing team with visual building blocks instead of hardcoded forms.

Icon

Add custom React components. Any React component can be easily added to Makeswift as a building block to drop.

Read the docs
import { Ref, forwardRef } from 'react'

export const HTMLVideo = forwardRef(function HTMLVideo(
  { className, autoplay, muted, controls, loop, sources }: Props,
  ref: Ref<HTMLVideoElement>
) {
  return (
    <video ref={ref} className={className} autoPlay={autoplay} loop={loop} controls={controls}  muted={muted}>
      {sources.map(({ url }, index) => {
        return <source key={index} src={url} />
      })}
    </video>
  )
})
Icon

Choose which props to expose. Design any type of UX with composable controls.

import { Checkbox, List, Shape, Style, TextInput } from '@makeswift/runtime/controls'
import { forwardNextDynamicRef } from '@makeswift/runtime/next'

import { runtime } from '@/lib/makeswift/runtime'

export const props = {
  className: Style({ properties: [Style.Width, Style.Margin, Style.BorderRadius, Style.Border] }),
  autoplay: Checkbox({ label: 'Autoplay', defaultValue: true }),
  muted: Checkbox({ label: 'Muted', defaultValue: true }),
  loop: Checkbox({ label: 'Loop', defaultValue: true }),
  controls: Checkbox({ label: 'Controls', defaultValue: false }),
  sources: List({
    label: 'Sources',
    type: Shape({
      type: {
        url: TextInput({
          label: 'Source URL',
          defaultValue: 'https://www.w3schools.com/html/mov_bbb.mp4',
          selectAll: true,
        }),
      },
    }),
    getItemLabel(source) {
      return source?.url || 'Video'
    },
  }),
}

runtime.registerComponent(
  forwardNextDynamicRef(patch =>
    dynamic(() => patch(import('./HTMLVideo').then(({ HTMLVideo }) => HTMLVideo)))
  ),
  { type: 'HTMLVideo', label: 'HTML Video', icon: 'video', props }
)
Icon

Integrate in minutes. Use our CLI to quickly setup a sandbox account.

Command line showing Makeswift's CLI

Built for React and Typescript developers. 

View more features
Icon

No builder-specific wiring. Integrate modals, tabs, accordions, etc. without adding extra code.

Icon

Intuitive APIs. Fetch data from Makeswift just like any other CMS. Render it with our open-source components.

Icon

Type inference. Avoid component integration errors with helpful error messages and autocomplete.

Icon

Optimized for Next.js. Out of the box support for ISR, SSG, and code-splitting.

Enterprise-grade features for world class websites. Makeswift sites scale with you, ensuring site quality and performance at all times.

Icon

Create content without borders. Let your website be a global gateway, offering every visitor a personalized and localized experience.

Localization dropdown in Makeswift's UI
Icon

Build fearlessly with our versioning features. Effortlessly revert back to previous versions of your site and review historical changes.

Publish site dialog stacked on top of previous versions
Icon
Coming soon

Collaborate in context. Inline commenting makes your team’s dialogue a seamless part of the design process.

Preview of commenting on an image in Makeswift's builder
Icon
Coming soon

Create roles as unique as your team. With Makeswift's custom roles & permissions, your project’s security and efficiency are no longer at odds.

Preview of creating a custom role in Makeswift

Advanced features for larger teams. Makeswift's robust suite of enterprise features bring agility, security, and collaboration to the forefront of your business.

Icon

Single Sign-On for enterprise teams. Ensure your team gains effortless access while keeping your digital workspace secure.

Icon

SOC 2 compliance for peace of mind. We are dedicated to creating a platform you can rely on—secure, stable, and consistent.

Icon

Workspace-level assets for multi-site projects. Seamlessly manage, share, and standardize assets across all projects.

Icon

Flexible development environments. Experiment with new components or designs without messing up your live site.