Case Study: Canva achieves 80% faster iOS Lottie rendering with ThorVG from LottieFiles

Canva Enhances iOS Lottie Rendering 80% Faster and 70% More Efficient with ThorVG

Canva, a leading visual communication platform, faced significant performance challenges when rendering Lottie animations on iOS. Their initial tool, rLottie, suffered from a lack of maintenance and could not keep up with growing demand, leading to high error rates and inefficiencies. This created a bottleneck for users importing Lottie animations directly into their designs and for the video export pipeline.

To overcome this, Canva adopted the ThorVG library from LottieFiles. The iOS team integrated ThorVG by creating a Swift package to wrap its C API and leveraged its ability to render directly into a buffer for their video compositor. The solution delivered an 80% improvement in rendering speed and a 70% reduction in peak memory usage. LottieFiles' ThorVG also provided increased support for Lottie variants, leading to a significant reduction in loading and rendering errors.

Canva