MOTIONSTASH
All components

Mask Wipe Shape

Transitions

The next scene is revealed through a circle, star or rounded square growing past the frame, with an accent outline that fades as it clears

Download preview768×432 preview render. The full-resolution file comes from running the component
8 seconds
Format

This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.

transitionmaskclip-pathrevealshapes
What you can change · 5 settings

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

  • First
    first · string

    Headline of the outgoing scene.

    now: The old way

  • Second
    second · string

    Headline of the incoming scene.

    now: The new one

  • Shape
    shape · "circle" | "star" | "square"

    The shape the next scene is revealed through.

    now: circle

  • Outline
    outline · boolean

    Draw an accent outline on the growing shape.

    now: true

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    now: slate

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/mask-wipe-shape.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A transition where a shape grows from the centre until it fills the frame, with the next scene visible inside it and a thin accent outline on the shape while it grows.