> This page is for Product.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.makeswift.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.makeswift.com/_mcp/server.

# Introduction

> Makeswift is a composable visual page builder designed to unlock speed and creativity for marketing teams.

Makeswift is a composable visual page builder designed to unlock speed and creativity for marketing teams.

With Makeswift, you can quickly build fully functioning websites with no-code. You have the ability to create pages, design layouts, manage colors and text styles, and publish your site for the world to see.

> **Tip**
>
> Looking for developer docs? Use the product switcher in the header to navigate between Product and Developer docs.
>
> ![Product switcher](/_fern-files/makeswift.docs.buildwithfern.com/207207c5778c2ec43fc24e2d739d2c32a3712385c728206bd0fef5c3f0982260/images/product/product-switcher.gif)

#### [Visual Builder Quickstart](/product/docs/getting-started/quickstart/creating-your-site)

Create your first site with templates, components, theming, and responsive design

#### [Developer Quickstart](/developer/docs/get-started/quickstart)

Set up Makeswift in a Next.js project with custom components and hosting

## Default vs custom host

Makeswift provides a free default host which allows you to publish your site without managing any of the hosting. This is the quickest way to get started.

For more advanced use cases, though, you can integrate Makeswift into a [Next.js](https://nextjs.org/) project that you deploy and host yourself. This is referred to as a [custom host](/product/docs/settings/site/hosting#custom-host). By doing this, you can create custom components, integrate data sources, and have full control over your hosting.

For full details on how to integrate Makeswift into a Next.js project, refer to the [Developer Quickstart](/developer/docs/get-started/quickstart).

## Other Helpful Resources

#### [Concepts](/product/docs/getting-started/concepts)

Learn terminology to help you easily navigate Makeswift

#### [Visual Builder basics](/product/docs/the-visual-builder/builder-basics)

Learn how to interact with instances of a component

#### [Layout](/product/docs/the-visual-builder/layouts)

Drag and drop elements on your page in the Makeswift Visual Builder

#### [Components](/product/docs/the-visual-builder/components)

Leverage the power of React components to build your site to spec

#### [Theming](/product/docs/the-visual-builder/theming)

Standardize the theme of your page while optimizing for performance

#### [Files](/product/docs/the-visual-builder/files)

Manage files and images for your site

#### [Responsive design](/product/docs/the-visual-builder/responsive-design)

Design your website to be responsive across all devices

#### [SEO](/product/docs/guides/SEO)

Optimize SEO for your site more easily than ever

#### [Localization](/product/docs/guides/localization)

Manage content across different locales

#### [Publishing](/product/docs/guides/publishing)

Push changes to your live domain instantly