Git Product home page Git Product logo

motionity's Introduction

Motionity

Preview

The web-based motion graphics editor for everyone ๐Ÿ“ฝ

Motionity is a 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.

๐Ÿ‘‰ Try it now for free, or read the guide in Notion

Motionity - The web-based motion graphics editor for everyone | Product Hunt

You can support this project (and many others) through GitHub Sponsors! โค๏ธ

Made by Alyssa X

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!

Feel free to reach out to me through email at [email protected] or on Twitter if you have any questions or feedback! Hope you find this useful ๐Ÿ’œ

motionity's People

Contributors

adrijere avatar alyssaxuu avatar annibuliful avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

motionity's Issues

Code Documentation

Can you provide documentation for anyone who wants to contribute to the project? So they know what functions to look for, libraries/frameworks required, etc:

arabic text (rtl)

Hi everyone!
First of all i want to thank you for this amazing open source project.

Can you support "arabic" characters + fonts? Thanks.

Incorrect detection of Chrome-based browser

I attempted to checkout Motionity some minutes long ago, and was stopped by an unresponsive page, turns out, isChrome detected my browser as Chrome-based even tho it (qutebrowser) is QtWebKit based. Which in turn made it attempt to create an EyeDropper which is non-existent in this browser. Causing a reference error.

Instead of checking the user-agent I would advise checking against Chrome exclusive variables/features, i.e the window.chrome Object.

Replacing the whole isChrome assignment with:

var isChrome = (window.chrome && Object.values(window.chrome).length !== 0)

It fixes it, returning false/undefined on none-Chrome browser like QtWebKit browser, but also Firefox based browsers. And returning true on Chrome based browsers.

On QtWebKit browsers like qutebrowser, the Object is returned but as an empty Object, whereas on actual Chrome based browsers it returns with values. Firefox or some other browser/engine may however not even have the variable defined, hence the first check on whether the Object even exists.

I would've made a PR but it seems this repo is outdated compared to the site? Not entirely sure.

Check chrome version suggestion

Im using chrome 94 which doesn't support EyeDropper (EyeDropper is not defined)

Page doesn't work and everything is broken, might be nice to either check the chrome version, disable EyeDropper or possibly a pollyfill?

Screen Shot 2022-09-29 at 9 47 18 am

i18n support plan?

First of all, thank you for making this amazing service

It was my childhood dream to create an open-source editing program like this :)

I want to contribute various parts, but first of all, I want to help with multilingual translation.
Do you have any support plans?

Native font support

Hi, I wanted this feature on Motionity to scan for system-installed font (e.g Comic Sans MS). Please, I need this!

Adding and using Video

When I tried to add a video to the editor, it shows the message "Loading video..." and it stuck there. The video is uploading.

audio problem

when i try to download my video , i got probem HTMLAudioElement

Privacy concerns and local-only

Does this web tool uploads the videos remotely?
Could it run local only so that the videos remain entirely private and never uploaded?

Put a video from the video tab is not working

Hi ๐Ÿ‘‹

Thanks for your work, the tool is amazing!

Unfortunately, I'm trying to drag and drop a video from the video tab but I'm stuck with this:

image

When I'm checking the console:

image

Expected behavior

I can drag and drop a video from the tab without error

crop error

Using the crop function after rotating the image will result in an error..

Gif support

Hi, i think GIF support is a must for this cool projct :/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.