Product UI

Browser Spotlight — editable Remotion component

A polished Chrome or Safari frame that accepts any React content as the page body.

Component details

Version
0.9.1
License
MIT
Duration
5.0 seconds
Dimensions
1920 × 1080

Install editable source

npx @agent-motion/cli add browser-spotlight@0.9.1

Agent guidance

  • Pass an HTML string as children for editor-controlled markup, or any React node when using the component in code.
  • Pass a URL, staticFile result, or React image element as logo.
  • Position the browser from the composition's top-left corner using x and y.
  • Make children fill their container when edge-to-edge page content is desired.
  • Use chrome or safari for browser and light or dark for theme.

Related Remotion components