Product UI
Form Walkthrough — editable Remotion component
An animated form surface that fills fields, validates input, and confirms submission for onboarding and product demos.
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 form-walkthrough@0.1.0
Agent guidance
- Use the minimal, soft, contrast 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.