After Effects meets AI. In your browser.
Professional motion graphics editor with timeline control, keyframes, and AI assistance. Create stunning animations and export MP4 videos—all in your browser, free forever.
- Timeline Editor — Full keyframe control with smooth interpolation and easing curves
- Layer System — Text, shapes, images, video, audio, and more
- Interactive Canvas — Zoom, pan, grid controls, and real-time preview
- Export — High-quality MP4 videos
- AI Assistant — Get smart animation and layer recommendations via chat
- Auto-Generation — Create motion sequences automatically
- MCP Integration — Use DevMotion tools directly in Claude
- Cloud Storage — Persistent project storage with PostgreSQL
- Authentication — Secure user accounts (Google OAuth)
- File Upload — S3-compatible storage for media files
Visit devmotion.app — no account required for basic use.
# Install dependencies
pnpm install
# Start database (Docker)
pnpm db:start
# Push schema
pnpm db:push
# Start dev server
pnpm devOpen http://localhost:5173
Use DevMotion's animation tools directly in Claude Desktop:
claude mcp add --transport http devmotion devmotion.app/mcpTools: create projects, add/edit layers, apply animations, configure settings.
# 1. Clone and configure
cp .env.example .env
# Edit .env with your settings
# 2. Start with Docker Compose
docker compose up -d# Build
pnpm build
# Run (requires PostgreSQL + S3)
pnpm start| Component | Technology |
|---|---|
| Framework | SvelteKit + Svelte 5 |
| UI | Shadcn + Tailwind CSS v4 |
| Video | MediaBunny & fluent-ffmpeg |
| AI | Vercel AI SDK + OpenRouter |
| Database | PostgreSQL + Drizzle ORM |
| Auth | Better Auth |
MIT — See LICENSE for details.
DevMotion — After Effects meets AI. In your browser.
Motion graphics reimagined for the web.
