Can I change the words and colors?

Yes. Supply rows with label and evidence fields in JSON, then use a palette or semantic overrides. Recheck uppercase headings and evidence wrapping after copy or font changes.

Do I need to supply footage?

No. The effect is built from editable typography, rules and symbols. Generic image/presenter instructions do not introduce media requirements for this composition.

Can I revise the motion?

Yes. Keep the camera movement and the row pairing: label first, corresponding evidence second. Showing unrelated cells in arbitrary order would lose the explanatory relationship.

Will it check the evidence for me?

No. The evidence field is supplied wording and the check symbol is decorative. Verify the underlying statement yourself and do not imply an external audit or certification from the animation.

The current implementation renders only the first two. More rows require changes to layout, reading time and camera movement rather than simply appending objects to the JSON.

CreatorMotion · Matrix Fill and Pan

Previews from the publisher

Explain each point beside the statement that supports it. A ruled two-column matrix moves laterally into place, then reveals a source label and its matching evidence text before continuing to the next row. This seven-second sequence emphasizes row-by-row correspondence; its check symbols are presentation graphics, not verification of the supplied claims.

What you get

A local effect implementation, generator and motion/review guidance for an editable HyperFrames project. Render the generated composition at 1920×1080 and 30 fps for use as one segment of a larger production.
Two editable rows, each containing a label and evidence field. Continuous cell rules, compact emblems and shield/check graphics help viewers match the left and right sides.
A lateral matrix entrance from 0.16–1.16 seconds. Left labels enter at 0.50 and 2.02 seconds, with their paired evidence at 1.20 and 2.72 seconds; aligned rows remain for the final hold.
Four palettes preserve the same sequence: White & Yellow (white-yellow), Charcoal & Lime (charcoal-lime), Paper & Orange (paper-orange) and Black & White (midnight-ice). Semantic overrides can adapt the treatment; check contrast after changes. Dark palettes retain a fine static grid. Bundled local fonts include Inter, IBM Plex Mono for measurements and ordinals, Smiley Sans and Noto Sans SC. Chinese copy automatically uses Smiley Sans, including Latin text in the same composition; use --zh-font noto-sans-sc for the plainer face or --font for your supplied font. Recheck text bounds after a font change.

Before you choose

Use the matrix when correspondence is the point. Write each row as a claim and a meaningful supporting observation; if you only have four unrelated statements, a card layout will communicate their independence more clearly.

Good fit

A short teaching explanation that pairs two principles with concrete signs or supporting statements.
Creator commentary where matching each label to its corresponding evidence is more important than ranking independent cards.
A recurring explanatory series using the same table geometry, typography and motion.

Not for

An interactive spreadsheet, automatic analysis or verification that the evidence actually supports a claim. The rows are supplied display content.
A many-row comparison table or a grid of independent priorities. Only two paired rows are displayed in this layout.
Automatic long-form editing, generated presenter performances or music, or copying another creator’s identity and source footage.

How to use

You say

/creatormotion-cards-matrix-fill Turn my supplied explanation into a white-yellow B-roll scene using the Matrix Fill and Pan effect. Use the text, data and media I provide, and ask for any required input that is missing.

Prepare rows as two label/evidence objects. Make each right-hand statement support the point on the same row; a generic positive phrase beside an unrelated label will not establish the intended relationship.
Keep labels and evidence concise. The left headings use large uppercase type, while the right column has a fixed text area beside a shield/check symbol. Additional rows beyond two are ignored, and long copy needs editing rather than expecting a scrolling table.
Read the motion specification before adjusting the camera. Preserve visible rules, lateral movement and paired left-then-right disclosure. The composition has no active presenter or raster-image slots, so it does not require footage, an alpha matte or generated pictures.
Prepare Node.js 22+, FFmpeg and the documented HyperFrames CLI 0.8.30. From the extracted package run node scripts/create.mjs --out PROJECT --data CONTENT.json. Choose --style and optional semantic --overrides; --images replaces named local slots with paths relative to the image-map JSON. Unlisted slots retain their defaults. Read the image policy before adapting visual materials.
Inspect the editable project and render with npx --yes hyperframes@0.8.30 render PROJECT --output VIDEO.mp4 --fps 30 --quality high --strict. Review the rendered opening, every main change and final reading hold for clipping, contrast and overlap. Narration, music and assembly with other scenes remain separate production work. Check row alignment during the pan and after both sides have appeared. Review the right-column text alongside its label, and make sure the shield/check graphic is not mistaken for an independent certification.

Requirements and costs

You bring: rows: provide your own content or retain the illustrative default.
Dependencies: HyperFrames CLI 0.8.30 or compatible — required · Node.js 22 or newer — required · FFmpeg — required
Outside costs: Not collected yet
Tools used: HyperFrames
Publisher testing: v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT