Home / Companies / RevenueCat / Blog / Post Details
Content Deep Dive

Adding Rive and Lottie Animations to Android Paywalls

Blog post from RevenueCat

Post Details
Company
Date Published
Author
Jaewoong Eum
Word Count
2,945
Company Posts That Month
6
Language
English
Hacker News Points
-
Post removed?
No
Summary

Paywalls V2 custom components let developers add self-contained HTML-based interactive content, such as Rive state-machine animations and Lottie vector animations, to server-driven RevenueCat paywalls when standard stacks, text, images, video, and buttons are insufficient. Bundles are uploaded as ZIP files containing an index.html file at the archive root along with all required scripts, styles, runtimes, fonts, and animation data, and they operate under strict security rules that prohibit inline scripts, runtime fetching, eval-like functions, and non-relative resources while keeping purchases and package selection in native paywall components. Rive implementations require a single-file WebAssembly runtime and embedded base64 animation bytes to avoid network requests, while Lottie uses a CSP-compatible lightweight renderer and embedded JSON animation data; both need responsive sizing, careful aspect-ratio framing, and pausing when the paywall is hidden. On Android, custom components require purchases-android 10.16.0 or later and Paywalls V2 but otherwise render through existing paywall presentation APIs, enabling dashboard-controlled animation updates without app releases. Developers must account for upload limits, archive validation, older-SDK fallbacks, and the larger footprint of Rive’s runtime, while using videos or native components where animation interactivity or custom rendering is unnecessary.

Trends Found in this Post

No tracked trend matches for this post yet.

Use This Data

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.