Document to Workspace: product UI animation for Remotion | 21st

/Document to Workspace

Document to Workspace

Document to Workspace is a product UI animation for Remotion videos. Shows an action and its result inside a product. Plays 5 seconds in 16:9, 9:16 and 1:1, with editable text, images, items and colors.

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

Document to Workspace

HeadlineSource TitleResult Title

Source Image

Result Image

Transform Frame44

Loading preview…

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

export const DocumenttoWorkspaceComposition = () => (
  <Composition
    id="document-transform"
    component={Component}
    schema={schema}
    defaultProps={defaults}
    durationInFrames={150}
    fps={30}
    width={1920}
    height={1080}
  />
);

Dependencies

Tags

Video Launch Product Document

License

MIT License

Published

10/7/2026

Similar components

Explore more

More in Interface in action (37), or browse all 152 video blocks for Remotion.

Voice and Document Cloud Bento Feature Tour Circular moving crop lens Scrollable evidence anchor Inspector control drives geometry Orbiting application windows Selection-anchored tools Window-to-window focus rack