Motionly

AI-native motion graphics editor

Create editable animations with AI, then refine every detail visually.

Showcase · Features · Quick Start · Development · Docs

---

Showcase

Animation Preview

Visual Editor

---

Features

Motionly combines a canvas, timeline, and visual controls with an editable .motion source format.

• Preview, select, position, scale, rotate, and style elements visually
• Edit timing, keyframes, easing, clips, transitions, and audio on the timeline
• Use smooth animation presets for text, images, SVGs, and video
• Draft editable projects with the optional BYOK AI assistant
• Save projects as readable .motion files and export MP4

AI-generated work always goes through Motionly's parser and remains fully editable in the visual editor.

Quick Start

Requires Node.js 20.19.0 or newer.

npx @coppsary/motionly init my-video

The setup creates a project, optionally installs the Motionly skill for your coding agent, and opens the editor. To return later:

cd my-video
npx @coppsary/motionly dev

Want the editor without creating a project?

npx @coppsary/motionly

See the Quick Start and Installation Guide for editing, export, CLI options, agent setup, and requirements.

Development

git clone https://github.com/COPPSARY/Motionly.git
cd Motionly
npm install
npm run dev

Before opening a pull request:

npm run test:run
npm run build

See Contributing, the Roadmap, and the documentation for project details.

License

Licensed under the Apache License 2.0.

---

Effortless Animation

GitHub · Facebook