While playing around with Lottie and developing a concept website, I have run into a few issues that can be quite the struggle.
1. Lottie doesn't play image sequences properly on Mac and iPhone using the SVG Renderer, however does so wonderfully using Canvas.
2. The Canvas Render method doesn't allow for fullscreen scaling without becoming squished or stretched when rescaling the browser.
If you are planning on creating a site utilizing fullscreen Lottie then it is either uncompatible with Mac and iPhone and all the while pretty heavy on the machine with SVG Renderer, or you can make it compatible with all devices but scale horribly throughout using Canvas.
It would be an amazing tool for creating beautiful fully animated websites and portfolios but as of yet is sort of lacking in this area.
I would be absolutely washed away if this issue could be fixed somehow.
Thank you!
To experience the issue yourself, here is a preview link to my site:
https://preview.webflow.com/preview/resurrected?utm_medium=preview_link&utm_source=designer&utm_content=resurrected&preview=ea7dc64835f3e46df80fdc451e8c7b51&mode=preview