Diagrams
Product Timeline — editable Remotion component
A sequential milestone track for workflows, roadmaps, and multi-step product stories.
Component details
- Version
- 0.1.1
- 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 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 product-timeline@0.1.1
Agent guidance
- Use for three to six events with a meaningful order.
- Keep milestone labels short enough to scan in one glance.
- Use Feature List instead when the items are independent rather than sequential.