Old Way Versus New: workflow animation for Remotion | 21st

/Old Way Versus New

Old Way Versus New

Old Way Versus New is a workflow animation for Remotion videos. Shows connected steps, routing and parallel work. Plays 6 seconds in 16:9, 9:16 and 1:1, with editable text, colors, fonts and paint background.

Built with Remotion. Companies of 4+ people need a Remotion license.

Old Way Versus New

Paint Background

Old WayNew WayStat

Loading preview…

// Built with Remotion - https://remotion.pro/license
import { Composition } from "remotion";
import { Component } from "./video/mg-ba-split/mg-ba-split";
import { schema, defaults } from "./video/mg-ba-split/mg-ba-split.schema";

export const OldWayVersusNewComposition = () => (
  <Composition
    id="mg-ba-split"
    component={Component}
    schema={schema}
    defaultProps={defaults}
    durationInFrames={180}
    fps={30}
    width={1920}
    height={1080}
  />
);

Dependencies

Tags

Video Process Before After

License

MIT License

Published

10/8/2026

Similar components

Explore more

More in Process and agents (16), or browse all 235 video blocks for Remotion.

Checklist Done In One Agent Steps Branch Tree Build Node Flow Radial Workflow Cycle Sticky Note Organize Branch and Merge Routing Task Queue Conveyor