New package: @remotion/rough-notation

[JonnyBurger]

TODO:

• Add to skills
• Show posterization in /docs/text-highlights
• Mention randomizing seed
• Add more examples in /docs/text-highlights

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 15, 2026 1:58pm
remotion	Ready	Preview, Comment	Jul 15, 2026 1:58pm

[pullfrog]

Important

One correctness issue to address before merging: the annotation renderer can produce duplicate React keys whenever iterations draws the same path, so React drops the duplicates and only one iteration renders.

Reviewed changes — This PR adds a new @remotion/rough-notation package with rough annotation components, docs, and example compositions to Remotion.

• Add @remotion/rough-notation package with createAnnotation(), <AnnotationBehind>, <AnnotationOnTop>, and annotationConfig.
• Add documentation pages for the new APIs under docs/docs/rough-notation/.
• Register six example compositions in packages/example/src/RoughNotation.
• Wire the package into the monorepo via package.json, bun.lock, tsconfig.json, sidebars.ts, and package lists.

  ^{｜ Fix all ➔ ｜ Fix 👍s ➔ ｜ View workflow run ｜ Using Kimi K2 (free via Pullfrog for OSS) ｜ 𝕏}

[pullfrog]

Incremental review of the latest commits. The Interactive/Sequence integration and the split examples are nice improvements. However, the duplicate React key issue in packages/rough-notation/src/render-annotation.tsx still needs a fix; the new Box.tsx example now directly demonstrates the problem with iterations={2}. I’m also withdrawing my earlier AvailableFrom version comment — pointing new docs to the next patch version (4.0.489) matches Remotion’s convention.

  ^{｜ Fix it ➔ ｜ View workflow run ｜ Using Kimi K2 (free via Pullfrog for OSS) ｜ 𝕏}