gitwtfhub

wtf is motionly?

coppsary/motionly — explained in plain English

Analysis updated 2026-05-18

48TypeScriptAudience · designerLicense

TL;DR

An AI-assisted motion graphics editor where AI drafts animations that stay fully editable on a visual timeline afterward.

Mindmap

mindmap
  root((Motionly))
    What it does
      AI drafts animation
      Visual timeline editing
      Export to MP4
    Tech stack
      TypeScript
      Svelte
      GSAP
    Use cases
      Video intros
      Social media clips
      Editable AI output
    Audience
      Designers
      Content creators

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Draft a video intro or social media animation with AI, then refine it by hand on a timeline.

REASON 2

Build editable motion graphics projects saved as readable .motion files.

REASON 3

Export finished animations directly to MP4 for sharing or publishing.

What's in the stack?

TypeScriptSvelteCanvasGSAPNode.js

How it stacks up

coppsary/motionly619dev/guanlaneynzof/hermes-agent-cn-desktop
Stars484848
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderate
Complexity3/53/5
Audiencedesignerdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

Wtf does this do

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.

Yoink these prompts

Prompt 1
Walk me through using npx @coppsary/motionly init to start my first animation project.
Prompt 2
Explain how the .motion file format keeps AI generated animations editable in Motionly.
Prompt 3
Help me set up the bring your own key AI assistant for Motionly.
Prompt 4
Show me how to adjust keyframes and easing on Motionly's timeline after an AI draft.

Frequently asked questions

wtf is motionly?

An AI-assisted motion graphics editor where AI drafts animations that stay fully editable on a visual timeline afterward.

What language is motionly written in?

Mainly TypeScript. The stack also includes TypeScript, Svelte, Canvas.

Who is motionly for?

Mainly designer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.