Motionity

The web-based motion graphics editor for everyone

4.2•5 reviews•

721 followers

The web-based motion graphics editor for everyone

4.2•5 reviews•

721 followers

•

•

Motionity is an free and open source animation editor in the web. It's a mix of After Effects and Canva, with powerful features like keyframing, masking, filters, and more, and integrations to browse for assets to easily drag and drop into your video.

Free

Launch tags:Design Tools•Open Source•Tech

Launch Team

LoomTalk it through in Loom. Ship with AI

Promoted

Screenity

Maker

Hey Product Hunt 👋 I've had this project hidden away somewhere in my computer for a couple of years now, so I decided I might as well try to polish it up a bit and share it with the world. It's a motion graphics editor like After Effects, but modeled after tools like Canva or Kapwing, with an asset browser that you can use to search for images, videos, and more to add into your project. The way it works is very simple. Drop your assets into the canvas, position them however you like, and enable animation by clicking on the clock icon on the layers (or individual properties if you prefer). You create new keyframes automatically by seeking to a time point and changing the properties of the layer. I wrote up a bit of a guide in Notion that you can check out here. Here are some of its features: ⚡️ Keyframing with custom easing 🎚 Image and video filters (adjustments, blur, chroma key...) ✂️ Trim and cut videos 👀 Layer masking 🔊 Audio support 🔍 Search for images, videos, shapes and more ✨ Text animation (typewriter, scale, fade...) 💥 Lottie support 🧩 Pixabay integration ...and much more - all for free & no sign in needed! I shared a lot of my progress building this editor in my newsletter, if you're curious. Ultimately while I had a lot of plans for it, I realized that it was far too challenging to work with the old and outdated codebase, and I would have had to rewrite the whole thing from zero using some framework to make any substantial progress with it. So I decided to just launch it as is, for free and without any fancy gimmicks. The code is available on GitHub if you'd like to contribute to Motionity, self-host it, or build your own motion graphics editor.

Report

4yr ago

Ness Labs

@alyssaxuu Woohoo, congrats on the launch! I've been following your journey with this product and I know how much care you put into it, it's amazing to see it launched into the world 🙌

Report

4yr ago

Screenity

Maker

@anthilemoon Thank you so much! :)

Report

4yr ago

@alyssaxuu , congratulations on the launch. What product will be next?)

Report

4yr ago

@alyssaxuu Congrats on the launch !

Report

4yr ago

Widgets by reviewflowz

@alyssaxuu This is amazing! Congrats on the launch!! 🚀

Report

4yr ago

Product Hunt

Congrats on the launch Alyssa, can see this being super useful for marketers and non-video editors alike as an entry point into this space - awesome this is free and accessible as well. Great job! 🎉 Important question though, was the launch video made in Motionity? 👀

Report

4yr ago

Screenity

Maker

@kylerjphillips Thank you Kyler! And honestly, I should have haha. I ended up using After Effects just because I wanted to make the video 3D, which I do not have support for at the moment. This way it kind of keeps more in line with my other product teasers 😅

Report

4yr ago

cam.how

The world of accessible content making platforms these days is crazy. Where was all this years ago when I needed the most. @alyssaxuu this looks super impressive but what would you say is your main strength compared to other browser based platforms out there that do similar things?

Report

4yr ago

Screenity

Maker

@florin_biro Thanks! I think there aren't that many tools out there that have motion graphics functionality in, with keyframing specifically. Most of the animation tools available use presets and templates, so you don't have full freedom. The few ones that do tend to be oriented towards experts, mine is meant to be for everyone, using a similar UI to Canva or Kapwing which a lot of users are used to. You can simply search for assets you like, drag them in, and just position them around at different points in time to automatically animate them, that simple.

Report

4yr ago

Dolpin

Even five years ago, tools like this weren't even imagined. Who knew something as intimidating as motion graphics could be made this accessible? Kudos to the founder, can't wait to see more of your stuff!

Report

4yr ago

Screenity

Maker

@abir_ershad Thank you!

Report

4yr ago

I remember when you made Omni 8 months ago. I commented asking about raycast and you said that's only for mac while yours is for chrome. I also saw your other stuff from before and liked the chrome screen recorder one as well. Man 8 months have flew by and you are still creating some awesome stuff. I am impressed. Is there an interview or AMA you did about yourself? I want to know how come up with such ideas and have the drive to implement them. I have many ideas myself but struggle with executing them.

Report

4yr ago

Product Hunt

Another amazing launch @alyssaxuu, this is something I've wanted for ages, more often then not a downloadable processor heavy app is just overkill for what I want to do, excited to use this!

Report

4yr ago

Screenity

Maker

@aaronoleary Thank you! Yeah that was basically what prompted me to build Motionity. It's really not worth it to use After Effects for simple animations, it's certainly overkill ^^

Report

4yr ago