remotion-markup

Agent skills · A camera move · No license stated · Link only

Here to learn from. We link to it and do not hand you its code.

Tap the picture to play it.

What it does

The big one: how to write the React that makes the picture. Its own page covers driving all motion from the frame number with interpolate() and easing (CSS transitions and CSS animations do not render correctly), keeping the frame hook in the smallest component that needs it, working in seconds times fps, the media components, and a list of about ninety built-in visual effects. 33 rule files, notably: timing (spring and bezier easing inside interpolate, clamping, a scale option that looks even to the eye, several keyframes, reduced frame rate on purpose), timing-props and sequencing (start, trim, length, speed, loop, and the order they apply), transitions (TransitionSeries, overlays at a…

From

Remotion Agent Skills

Everything from Remotion Agent Skills in the gallery

Back to the Asset Library