Films written in Markdown

Récit motion turns a Markdown story into a short film. The film below is one: it plays in your browser with the same blocks engine that renders the MP4. Press Space to pause, ← and → to seek.

Films written in MarkdownOpen fullscreen →

Three aspects, two themes

Every film has a layout per aspect: the same story plays in 16:9, 1:1 and 9:16. The gallery shows the examples of the repository in each of them, with the warm-editorial and saas-product themes.

The motion format

📝

Markdown first

Front matter, scenes split by --- lines, attributes on the separator. The deck syntax, read as a film.

Learn more→
🔁

Deck to video

The same source renders as slides and as a film when its scenes fit the motion blocks.

Learn more→
🎞️

MP4 export

recit render produces the video with Remotion, frame for frame like the browser player.

Learn more→
🧱

Eight blocks

Title, chapter, statement, stat, list, compare bars, UI mock and UI scene.

Learn more→
🧾

Typed JSON twin

Every story has a typed JSON form, and the film.json render model stays the single source of truth.

Learn more→
🤖

MCP server

Agents build, validate, edit and render films in Markdown or JSON through @recit/mcp.

Learn more→

Start a film

  1. Create a story

    10 s

    recit init --format motion writes a starter story.md with format: motion.

    TerminalBash
    npx recit init story.md --format motion

  2. Preview with live reload

    1 min

    recit dev plays the film in the browser and reloads it on every save.

    TerminalBash
    npx recit dev story.md

  3. Render the MP4

    30 s

    recit render loads @recit/motion-render on demand and writes the video.

    TerminalBash
    npx recit render story.md --aspect 9:16 --output out/

The full syntax is specified on docs.recit.dev.