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

# Components

> Documentation for Makeswift — the composable visual page builder for marketing teams and developers

## Docs

- [<Page>](https://docs.makeswift.com/developer/docs/reference/components/page.md): The `<Page>` component takes a Makeswift snapshot and renders React elements using [components registered](/developer/docs/reference/reactruntime/register-component) with the runtime.
- [<MakeswiftComponent>](https://docs.makeswift.com/developer/docs/reference/components/makeswift-component.md): The `<MakeswiftComponent>` component takes a `MakeswiftComponentSnapshot` (returned from calling [getComponentSnapshot](/developer/docs/reference/client/get-component-snapshot)) and renders React elements using [components registered](/developer/docs/reference/reactruntime/register-component) with the runtime.
- [<Slot>](https://docs.makeswift.com/developer/docs/reference/components/slot.md): The `<Slot>` component takes a `MakeswiftComponentSnapshot` (returned from calling [getComponentSnapshot](/developer/docs/reference/client/get-component-snapshot)) and renders either a fallback or an editable slot.
- [<ReactRuntimeProvider>](https://docs.makeswift.com/developer/docs/reference/components/react-runtime-provider.md): The `<ReactRuntimeProvider>` component takes a Makeswift runtime and provides it to the [`<Page>`](/developer/docs/reference/components/page) component for rendering snapshots.
- [<RootStyleRegistry>](https://docs.makeswift.com/developer/docs/reference/components/root-style-registry.md): The `<RootStyleRegistry>` component provides support for Makeswift's CSS-in-JS runtime.