Motify

Web-native motion graphics for creators and builders.

Motify combines authored HTML/CSS compositions with GSAP timelines and a visual editor. Build polished motion graphics, refine the scene in the browser, and render production-ready visuals locally.

Live Editor | Documentation | npm | GitHub

What Is Motify?

Motify is a code-first motion graphics editor built around familiar web technologies. You author the visual source in HTML/CSS, choreograph it with GSAP, and refine the result visually.

It is useful for product demos, launch videos, social content, explainers, UI motion, creator clips, and fast visual experiments where you want clean motion without spending hours on manual animation work.

Highlights

• HTML/CSS source: build semantic scenes and components with normal web code.
• GSAP choreography: control timing, easing, masks, stagger, and camera movement.
• Visual refinement: inspect the mounted DOM and timeline in the editor.
• Production-ready rendering: export frames or render MP4 locally with Chrome and FFmpeg.
• Fast iteration: move from source to preview quickly, then keep polishing.

Try It

The fastest way to experience Motify is through the hosted editor:

Open the editor: https://motify-tau.vercel.app/editor

Install

Run the local editor from the repository:

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

Package page:

https://www.npmjs.com/package/@coppsary/motify

Documentation

The docs include guides and reference material for getting started with Motify:

https://motify.mintlify.app/

Project Links

• Product Hunt: https://www.producthunt.com/products/motify Support the launch, see the product listing, and share feedback.

• Live editor: https://app.motify.video Try Motify directly in the browser.

• Documentation: https://motify.mintlify.app/ Learn how to use the product and package.

• npm package: https://www.npmjs.com/package/@coppsary/motify Install and create Motify projects from the command line.

• GitHub repository: https://github.com/COPPSARY/motify Follow development, open issues, and contribute.

Contributing

Contributions are welcome. Good places to help include:

• improving the editor experience
• reporting bugs or confusing flows
• improving documentation
• sharing examples made with Motify
• suggesting export, template, or AI-editing improvements

If you find a bug or have a feature idea, open an issue in the GitHub repository:

https://github.com/COPPSARY/motify

License

Please check the repository license before using or redistributing Motify.