Backgrounds
Constellation Background — editable Remotion component
An adaptive background of softly drifting stars that form and dissolve constellation lines only while they remain within a configurable pixel distance.
Component details
- Version
- 0.1.0
- License
- MIT
- Duration
- 10.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 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 constellation-background@0.1.0
Agent guidance
- Layer Constellation Background below transparent text, charts, diagrams, or product UI; it fills the complete composition.
- maxLineLength is an exact pixel limit: no rendered line can exceed it, and lines fade smoothly near that threshold.
- Presets are bundles of public props: use dark for the default space scene, inverted for a light canvas, blueprint for a cyan technical look, or no-lines for stars without connections.
- Use dotCount together with maxLineLength to control density; raising both can increase the number of SVG lines substantially.
- Set speed to zero for a static network and driftRadius to zero to preserve twinkle without positional movement.
- Set linesVisible to false to remove every connection line independently of the selected preset.
- Change seed to generate a different deterministic layout without changing its visual configuration.
- The background is fully rendered at frame zero and owns no scene entrance or exit transition.