It reads your code
Connect your project folder. The agent browses your source files, understands your components and UI, and uses that context to build accurate animations of your actual product.
/your-folder
src/
components/
Dashboard.tsx
Sidebar.tsx
MetricCard.tsx
hooks/
useAnalytics.ts
lib/
api.ts
Agent
Animate the new dashboard feature
●Reading /your-folder/src/components/Dashboard.tsx
●Reading /your-folder/src/components/MetricCard.tsx
✓Created dashboard animation
An AI that understands motion
Describe what you want in plain language. The agent can create assets and animation for you. Never start from a blank canvas.
Agent
Make the cards fly in from the left with a bounce
●Reading scene source
✓Updated animation timeline
index.mdr
<Timeline> <Parallel> <Tween target="card1" property="translate" to="[0, 0]" duration="0.6" timing="easeOutBounce" /> <Tween target="card2" property="translate" to="[0, 0]" duration="0.6" timing="easeOutBounce" /> </Parallel> </Timeline>
Full visual editor
AI gets you there fast. A real visual editor lets you fine-tune every detail. Timeline, properties, keyframes. Stay in control.
Props
Position
X-800
Y0
Size
X320
Y200
Opacity
◐1.0
Canvas
beta
It's here!