Product UI
Dashboard Grid — editable Remotion component
A responsive analytics dashboard with KPI cards and an animated trend panel for SaaS launches, reports, and product stories.
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 dashboard-grid@0.1.0
Agent guidance
- Use one to four metrics and keep each displayed value compact enough to scan without wrapping.
- Choose executive for reports, glass over atmospheric backgrounds, and dark for native product UI scenes.
- Trend values are normalized within the chart, so use Signal Chart when precise axes and time-series storytelling are required.
- The KPI cards are fully visible from frame zero while the chart draw expresses internal data motion.
- Place Dashboard Grid inside Perspective View for a cinematic product surface.