The collaborative
Markdoc platform

Motif brings content writers and developers on the same page. Powered by Markdoc, it scales with your team's needs.

Request access

Empowering fast-moving companies

motif.land

Getting started

Installation

Changelog

---

title: Getting started

template: docs

meta:

"og:image": https://dub.sh/5DL2OU8

---

{% video src="https://youtu.be/7sDNg10pB5Q" /%}

Acme is a collaborative authoring platform for [Markdoc](https://markdoc.dev). It features a real-time collaborative editor, a fast in-browser JavaScript runtime with React, TypeScript and ES module support, and a hosting platform, all in one, so you don't need to set up anything.

{% button

label="Download the app"

href="https://motif.land/download"

/%}

Acme

2.1.0

Blog Community New Sign in

Introduction

Getting started

Installation

Basics

Teams

Projects

Pages

Publishing

SEO

Advanced

TypeScript

React

Tailwind

Metadata

Watch demo

Introduction

Getting started

Acme is a collaborative authoring platform for Markdoc. It features a real-time collaborative editor, a fast in-browser JavaScript runtime with React, TypeScript and ES module support, and a hosting platform, all in one, so you don't need to set up anything.

An all-in-one platform

From Markdoc to custom domain in 10 seconds

Write in Markdoc

Open the browser and start typing, alone or in teams. No setup required.

Use custom components

Use built-in components, import new ones from the community, or write your own.

Publish instantly to your domain

When ready, hit publish. Motif builds an optimized website geared for performance and SEO.

With Motif

Without Motif

Install editor

Install terminal

Install Node.js

npm install
react next @mdx-js/react

npm install

Tailwind CSS

Unified, Remark, Rehype, Markdoc

Frontmatter

Page structure

Image optimization

Analytics

SEO

Docs index

Sitemap

Syntax highlighting

Math equations

Setup hosting

Custom domain

Configure git integration

Write

git commit -m 'Fix typo'

git commit

git push origin main

git push

Building...

Live

With Motif

Without Motif

Install editor

Install terminal

Install Node.js

npm install
react next @mdx-js/react

npm install

Tailwind CSS

Unified, Remark, Rehype, Markdoc

Frontmatter

Page structure

Image optimization

Analytics

SEO

Docs index

Sitemap

Syntax highlighting

Math equations

Setup hosting

Custom domain

Configure git integration

Write

git commit -m 'Fix typo'

git commit

git push origin main

git push

Building...

Live

Watch the demo

What's in the box

A supercharged authoring environment

We've brought together the best tools and libraries for creating content, and made them work entirely in the browser, so you don't have to setup anything.

Markdoc
MDX
TypeScript
React
Tailwind CSS
ES modules
Remark/Rehype

Monaco editor
Real-time collaboration
Version history
Drag and drop
Syntax highlighting
Auto-completion
IntelliSense

Custom components
Templates
Image optimization
File and image hosting
Teams and projects
Guest access
Password-protected pages

Integrations
SEO
Analytics
Custom domains
Preview deployments
Next.js with ISR
Vercel CDN hosting

Explore the docs

Ask, don't search

Introducing DocsGPT, powered by OpenAI

With DocsGPT, let your visitors ask questions to your content, and provide customized answers based on multiple sources.

Request early access

Building blocks for your content

Get started with beautiful, feature-packed templates and components

Visit community

Integrations

Globex

DOCS

Home

Guides

Reference

Changelog

Search docs...

Quick start

Basics

JavaScript

Python

Ruby

Rust

export default function Auth() {
const [loading, setLoading] = useState(false)
const [email, setEmail] = useState('')

const handleLogin = async (email) => {
  try {
    setLoading(true)
    const { error } = await motif.auth.signIn({ email })
    if (error) throw error
    alert('Check your email for the login link!')
  } catch (error) {
    alert(error.error_description || error.message)
  } finally {
    setLoading(false)
  }
}

The content is yours

No vendor lock-in

The content you create should not be tied to the tool you use to create it. In Motif, everything is stored as text, so you can sync it and deploy it with your own workflows.

Read the blog post