airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
29.86k stars 2.85k forks source link

Feature request: export as SVG file #2931

Open caleidoscopio opened 1 year ago

caleidoscopio commented 1 year ago

It would be very convenient in some cases to be able to export lottie animations to an svg file, in a similar way to how the keyshape app does it (see example attached). 4 export options would make sense, in my opinion:

1- Player embedded 2- External player saved as js file 3- CDNJS link 4- Custom URL

Keyshape SVG.zip

bodymovin commented 1 year ago

hey, unfortunately svgs with script tags don't work as src of imgs, so the possibilities of using animations this way is very limited. What are the use cases where this could be useful?

caleidoscopio commented 1 year ago

I was not aware of those limitations. The use case I had in mind would be easier implementation. Non technical team members would be able to easily preview the svg and upload it to websites through a CMS.

wadewatts2 commented 1 year ago

KeyShape can export SVGs with JS animation and/or CSS animation. The use case is to create animated SVGs for use on web and email. Being able to author animated SVGs in AE instead of KeyShape would be a major breakthrough.