Branding

Logo Reveal — editable Remotion component

A polished brand reveal that accepts a real logo image or any React component, with a modern spring entrance and light sweep.

Component details

Version
0.2.0
License
MIT
Duration
4.0 seconds
Dimensions
1080 × 1080

Prerequisite: Create a Remotion project

Agent Motion installs components into an existing Remotion project. If you are starting fresh, create the standard project structure first:

npx @agent-motion/cli create remotion my-remotion-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 logo-reveal@0.2.0

Agent guidance

  • Pass a React node or custom component through logo for full control, or use logoSrc for PNG, JPG, WebP, SVG, data URLs, and staticFile results.
  • The logo prop takes precedence over logoSrc; when both are omitted, the built-in geometric fallback mark is shown.
  • Use logoSize to fit compact symbols and wide brand assets inside the responsive central stage.
  • Set brand or tagline to an empty string when that line should be hidden.
  • The mark uses deterministic spring motion and a frame-driven light sweep; no CSS animations are used.
  • Use as a standalone intro or outro lasting three to four seconds.