Product UI

Email Inbox — editable Remotion component

A responsive inbox with sender, subject, preview text, timestamps, and animated message focus.

Component details

Version
0.1.0
License
MIT
Duration
5.0 seconds
Dimensions
1920 × 1080

Prerequisite: Create a Remotion project

Agent Motion installs components into an existing Remotion project. If you are starting fresh, create a blank project first:

npx create-video --yes --blank my-video

Add editable source

Run this command from the root of your Remotion project. No separate Agent Motion CLI installation is required.

npx @agent-motion/cli add email-inbox@0.1.0

Agent guidance

  • Use the mail, compact, dark presets for one-step visual direction before overriding accent or content.
  • Keep items concise and preserve the documented title, detail, and meta object shape.
  • The component is useful from frame zero; internal focus changes communicate state without owning the scene transition.
  • Leave x, y, width, and height unset for a centered component occupying eighty percent of the composition.

Related Remotion components