When content meets code,

Motif is a collaborative authoring platform for MDX and Markdoc.
From playful blogs to kick-ass docs, Motif scales with you.

Vercel logoNetlify logo
Nextjs logoRemix logo
MDX logoMarkdoc logoReact logo
Motif logo

Create from the comfort of your browser.
No Node required.

npm install XXX

Out-of-the-box greatness

Built on top of a world-class frontend stack


MDX / Markdoc

MDX and Markdoc both combine Markdown and JSX into a powerful mix of content and code. Long-form writing with interactive components becomes a blast.

Tailwind CSS

In addition to vanilla CSS, you can use Tailwind's utility-first CSS framework, making it a joy to work with styling and layouts.


Pages and components are built using React's powerful component paradigm. Creating content feels like playing with LEGO.

Vercel + Next.js

Your content is published as a Next.js application and cached on Vercel's edge network, for optimal speed and SEO.

Batteries included

Everything you’d expect from a modern authoring environment

  • Local-first
  • File sync
  • Real-time multiplayer
  • Custom domains
  • SEO
  • Drag-and-drop
  • Shared components
  • Slash commands
  • Instant search
  • IntelliSense
  • Keyboard-first
  • Distraction-free editing

Built for speed

Optimized builds and edge deployments for fast delivery

Motif prebuilds your pages as a Next.js application with ISR, and leverages Vercel's edge CDN network, so that visitors get served your content in split seconds.

No lock-in

We believe that the content you create should not be tied to the tool you use to create the content. In Motif, everything is represented as plain text files, no proprietary data attached. You can sync them with your files on disk, push them to GitHub, store them on Dropbox, edit them with VS Code, Obsidian or any other tool that understands text.

Ready to get started?

  • © 2022 Motif Land Inc.
  • This site is built with Motif.