Remotion Elements

:::warning Work in progress

This section is being shaped. The format and Element list may change.

:::

Remotion Elements are drop-in, HTML-first Remotion components designed to be placed inside a <Sequence> and composed with your video.

They are practical video building blocks: captions, lower thirds, overlays, callouts, transitions, data cards, audio visuals, and title cards.

Methodology

An Element should be:

• Small, focused, and useful in real videos
• Designed to live inside one <Sequence>
• Remixable source code that users can edit, not a black-box dependency
• HTML, CSS, and React-first for the first version
• Zero-dependency where possible, with Remotion Effects as an exception
• Safe to compose in Studio with normal z-layering
• Free of unexpected global styles, layout side effects, and fullscreen assumptions unless it is explicitly a background

Heavier Maps, Three.js, WebGL, Canvas, and R3F Elements can come later as separate batches of work.

What belongs here?

Elements should focus on one visual idea, technique, or workflow. They should be actionable Remotion building blocks rather than full, highly specific video templates.

Initial categories include Text, Captions, Overlays, Transitions, Backgrounds, Data, and Audio.

If you want to contribute one, see Submit an Element.