Mografy Templates · Slides

Morphing points

One outline morphs pill → track → wave → ring under each point in big kinetic type; earlier points settle into a list on the left.

16:96 sFree · MIT

Add the template

Run this in your Mografy folder. The template, the shared modules and its fonts are copied into the project; files you changed are kept. A folder that is not a project yet becomes one, with a scene that plays the template.

Terminal
mografy add bullet-points-wide projects/my-film

To watch it on its own, point the project's scene to the template: "scene": "scenes/templates/bullet-points-wide.ts"

Use it in a film

Play the template on your film's timeline and override its parameters. Pass backdrop: false to draw an overlay template over your own picture.

scenes/main.ts
import * as bulletPointsWide from './templates/bullet-points-wide.js'
import { play } from './templates/kit.js'

// inside renderFrame(ctx, time): play it from 2 s, with your own copy
play(ctx, time, 2, bulletPointsWide, { points: "Write the plan\nTune the timeline\nTrack the pulse\nPresent it" })

Or describe the film to Claude or Codex: the Mografy Skill knows every template and picks the ones that fit.

For your agent Three to four short points for a talk, a pitch or a product walkthrough, one per line (each 1–3 words, under ~18 characters); a fifth point reuses the pill. The shapes read as write (a field), tune (a slider), pulse (a wave) and present (play), so order the points to match.

Parameters

  • pointsstringWrite the plan ⏎ Tune the timeline ⏎ Track the pulse ⏎ Present it
  • themeenum · night | light | neonlight
  • safeGuidebooleanfalse

Timing and layout live in the template file itself: edit them there, then check and review the frames.