Motif is a collaborative authoring platform for MDX and Markdoc.
From playful blogs to kick-ass docs, Motif scales with you.
/
You can create a user account programmatically by calling the Account API, providing the following:
account_name
account_email
refresh_url
// Set your secret key. Make sure to switch to your live key in production.
const globex = require('globex')('sk_test_aklJAkI3d07982fKl24SLoii0462');
const accountLink = await globex.accountLinks.create({
account: 'acct_7203602998dfIjdfADLLr',
refresh_url: 'https://example.com/reauth',
return_url: 'https://example.com/return',
type: 'account_onboarding',
});
Founder, Generally Intelligent
Motif has been such a game changer. I’m so excited to finally be able to put my thoughts on the web.
kanjun.me →Software engineer, SickKids
Motif gives me the familiarity of Markdown and flexibility of NPM and React, with the ease of use of a Google Doc. For someone who wants both low friction to publish her thoughts and high standards website design, Motif is the answer.
hannahle.ca →Designer, Airbnb
Motif is a game changer for designing my portfolio. It's way better than Webflow for my personal needs.
temporaryoffice.us →Founder, Homebase
I do really love Motif for my personal site. Honestly I probably wouldn’t have one if Motif didn’t make it so easy to get something I’m happy with.
chris.motif.land →Out-of-the-box greatness
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.
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.
Your content is published as a Next.js application and cached on Vercel's edge network, for optimal speed and SEO.
What’s included
Blog
About
May 20, 2022• Jessie Kruze, Abigail Matthews, Jeff Wu, Charles Joy
Complementing views, like user-controled animation and small multiples, help engage and connect readers.
Source: Distill.pub
Computing has changed how people communicate. The transmission of news, messages, and ideas is instant. Anyone’s voice can be heard. In fact, access to digital communication technologies such as the Internet is so fundamental to daily life that their disruption by government is condemned by the United Nations Human Rights Council [1].
New features, fixes and improvements to Dot.
Subscribe · Follow us on Twitter
v1.3.2
May 13, 2022
Design · Coffee lover · Strasbourg, FR
I'm a product designer at Playfair, working remotely from Strasbourg, France. In my free time, I flip through Matisse and Cézanne art books, prepare delicious cappuccinos, and go to the cinema to watch and rewatch New Wave movies.
Angela Scott Thomas
Hi friends!
"My heart belongs to the details. I actually always found them to be more important than the big picture. Nothing works without details. They are everything, the baseline of quality." — Dieter Rams
Back in the late 1970s, Dieter Rams was becoming increasingly concerned by the state of the world around him — "an impenetrable confusion of forms, colours and noises." Aware that he was a significant contributor to that world, he asked himself an important question: is my design good design?
As good design cannot be measured in a finite way he set about expressing the ten most important principles for what he considered was good design. Sometimes they are referred as the "Ten commandments".
Components
With ES module support, you can leverage the entire JavaScript package ecosystem with a single import statement within your content, no setup required. Components created on Motif are also ES modules, so you can reuse them wherever you want, or share them with the community.
import * as d3 from 'd3'
import { Menu } from '@headlessui/react'
import { RoughNotation } from 'react-rough-notation'
Welcome to the Spearhead documentation. Read through our tutorials and examples to get you started with the Spearhead API. If you have any questions, feel free to join our Discord →
2022-05-18
Nat Johnson
@natrsjohnson
The possibilities for innovation are not, by any means, exhausted. Technological development is always offering new opportunities for innovative design.
New features, fixes and improvements.
Subscribe · Follow us on Twitter
v1.3.2
May 19, 2022
Welcome to the Spearhead documentation. Read through our tutorials and examples to get you started with the Spearhead API. If you have any questions, feel free to join our Discord →
May 20, 2022 • Fred Hohman, Matthew Conlen, Jeffrey Heer, Duen Horng Chau
Complementing views, like user-controled animation and small multiples, help engage and connect readers.
Source: Distill.pub
Computing has changed how people communicate. The transmission of news, messages, and ideas is instant. Anyone’s voice can be heard. In fact, access to digital communication technologies such as the Internet is so fundamental to daily life that their disruption by government is condemned by the United Nations Human Rights Council [1].
Angela Scott Thomas
Hi friends!
Design · Coffee lover · Amsterdam, NL
I'm a product designer at Playfair, working remotely from Amsterdam. In my free time, I flip through Matisse and Cézanne art books, prepare delicious cappuccinos, and go to the cinema to watch and rewatch New Wave movies.
Blazingly fast
Motif automatically prebuilds your published pages as a Next.js app with ISR, and caches it on Vercel's edge CDN network, so that visitors get served your content in split seconds.
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.