Motioner
Design like Figma, animate like After Effects — all in one multiplayer canvas
Overview
Motioner is a next-gen video editor built as a Figma-class vector/design editor — a flat-map document model with absolute page-space coordinates, auto-layout (flex + grid), components with override tracking, and author-scoped inverse-patch undo that never reverts a collaborator's edits. Any frame can become a video frame with its own keyframe timeline, easing, and per-property interpolation. It's a single SvelteKit + Svelte 5 (runes) SPA backed by Convex for persistence and auth, Cloudflare Durable Objects for realtime presence and sync (one room per file), and R2 for media.
Key Points
- multiplayer editing with live cursors and per-file Durable Object rooms
- author-scoped undo — undoing never reverts collaborators' concurrent edits
- frames double as animation timelines with keyframes and easing
- auto-layout engine with flex, full grid tracks, and hug sizing
- components and instances with Penpot-style override tracking
- vector paths, boolean ops, masks, and rich-text editing on canvas
- file dashboard with sharing, invites, and email notifications
Technologies
SvelteKitSvelte 5TypeScriptTailwind CSSConvexBetter AuthCloudflare Durable ObjectsCloudflare R2Cloudflare WorkersCloudflare Email Sending