// the find
alyssaxuu/motionity
The web-based motion graphics editor for everyone 📽
Motionity is a browser-based motion graphics editor that sits between After Effects and Canva, with keyframing, masking, filters, text animation and Lottie import, and no sign-in required. It suits people who want to make short animated clips for social posts or product demos without installing a desktop editor.
- Export runs in the browser. ffmpeg.min.js is wired to encode-worker.js, so encoding stays off the main thread and needs no render backend.
- The layers are easy to follow. fabric.js owns the canvas objects, anime.js drives easing, and recorder.js with webm-writer2.js handles WebM output, so an edit can be traced from the UI to the canvas without a framework in between.
- Lottie import (lottie.js) and the filter set, including chroma key and blur, are concrete features with their own source files rather than README filler.
- The last push was in September 2022. The pinned fabric.min.js and ffmpeg.min.js in src/js/libraries are the versions the app was built against, and upgrading means swapping minified blobs by hand.
- The visible tree has no package.json, build step, or test directory. The app is a set of global scripts (functions.js, ui.js, events.js, init.js), so regressions are found by clicking through the editor.
- In-browser ffmpeg is the bottleneck. Long or high-resolution exports are limited by the tab's memory and wasm speed, and the README says nothing about practical limits.
- The README sends the guide to a Notion page and says nothing about running the editor locally, so anyone who wants to self-host or fork has to work it out from the source.