The collaborative
Markdoc platform

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

Empowering fast-moving companies

Cal.comAngelListReploMacro

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.

Install editor

Install terminal

Install Node.js

npm install

Tailwind CSS

Frontmatter

Analytics

SEO

Sitemap

Syntax highlighting

Setup hosting

Custom domain

Write

git commit

git push

Building...

Live

Install editor

Install terminal

Install Node.js

npm install

Tailwind CSS

Frontmatter

Analytics

SEO

Sitemap

Syntax highlighting

Setup hosting

Custom domain

Write

git commit

git push

Building...

Live

  • 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
 

Globex

DOCS

Search
Home
Guides
Reference
Changelog

Search

JavaScript

Python

Ruby

Rust

C

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)
  }
}

Store and deploy anywhere

Keep your data in sync with a folder on your computer.

Edit with any tool

Edit with VS Code, Obsidian, or any other tool that understands text.

Get help migrating

Have an existing repository of resources, such as on Notion or GitHub? We can help you sync them up or migrate.

Get in touch