Motionly

Motionly is an editor for making motion graphics, the kind of moving text, images, and video clips you see in intros or social media videos. What makes it different from a typical animation program is that it lets an AI assistant draft the animation for you first, and then you can go in and adjust every detail by hand afterward.

The editor gives you a canvas to see your animation, a timeline to control when things happen, and visual controls for positioning, scaling, rotating, and styling each element. You can fine tune timing, keyframes, easing curves, transitions, clips, and audio directly on the timeline. Projects are saved in a readable file format called .motion, and finished animations can be exported as MP4 video files.

The AI assistant is optional and works on a bring your own key basis, meaning you would supply your own AI API access to use it. Importantly, anything the AI generates still passes through Motionly's own parser, so the result always stays fully editable in the visual editor rather than being a locked black box output.

Getting started only needs Node.js version 20.19.0 or newer. Running a single command creates a new project, offers to install a helper skill for coding assistants, and opens the editor for you. There is also a way to run the editor by itself without setting up a full project first.

The project is built with TypeScript and the Svelte framework, uses a 2D canvas renderer, and relies on the GSAP animation library for smooth motion. It is released under the Apache License 2.0, a permissive license that allows free use, including commercial use, as long as the copyright notice is kept.