What is Moment?

Getting started

Download and install

Create your first doc

Committing changes

Adding interactive components

Publishing a doc

Editing and formatting

Programming Moment docs

A tour of Moment's programming model

How Moment works

Local disk structure

Download

Discord

Moment docs

 files stored in a Git repository on your device. They are also natively programmable with JavaScript. This provides a high degree of flexibility for users who want to build rich, interactive experiences directly in their documents.

This guide demonstrates how to use the Moment JavaScript programming model to bring your docs to life—fetching live data, importing libraries, and visualizing results.

return render(() => (
	<div
		className="text-sm grid grid-cols-2 gap-2"
		style={{ "grid-template-columns": "repeat(2, minmax(0, 1fr))" }}
	>
		<designSystem.LinkButtonAlphaV2
			href="/docs/tour-of-moment-programming"
			size="lg"
			elevation="flat"
			className="flex-col gap-1 p-4 !no-underline text-wrap"
		>
			<div className="w-full text-left text-base font-bold">
				A tour of Moment's programming model
			</div>
			<div className="w-full text-secondary">
				A whirlwind tour of building interactive docs in Moment with JavaScript.
			</div>
		</designSystem.LinkButtonAlphaV2>
		<div className="flex flex-col gap-1 p-4 border rounded-lg justify-center text-center">
			<div className="text-base font-semibold">And more...</div>
			<div className="text-secondary mb-2">Coming soon!</div>
		</div>
	</div>
));
