AppLovin (Responsive HTML5)

Select AppLovin (Responsive HTML5) when you need one self-contained MRAID HTML file that adapts to full-screen mobile placements.

Setup

1. Create one portrait frame and one landscape frame in Figma. Add one square frame if the campaign brief also requires a 1:1 layout.
2. Include those frames in the Bannerify timeline.
3. Click Export to HTML and select AppLovin (Responsive HTML5).
4. Export and unzip Bannerify's downloaded file.
5. Upload the self-contained .html file to the AppLovin workflow specified by the client or media team.

Bannerify waits for AppLovin's MRAID ready event before starting, displays the included layout whose aspect ratio is closest to the device viewport, and scales it proportionally to cover the placement. It also includes a loading indicator, keeps video muted, routes clicks through mraid.open(), and embeds images and downloaded video files directly into the HTML. The finished creative does not need a separate images or videos folder.

Keep the required CTA visible in the design, and do not add a close button because AppLovin supplies one for the placement.

Exporting multiple creative versions

Put each portrait and landscape set inside its own Figma Section. A Section may also contain one square frame. Bannerify creates one self-contained AppLovin .html file per Section.

This single-file format does not currently support Lottie or YouTube layers because they depend on external runtime files. Convert those layers to an image sequence or a small muted video first. Bannerify also checks the 2 MB compressed and 50 MB uncompressed limits used by this export.

See AppLovin's MRAID and playable creative requirements for the current single-file, orientation, audio, and click-through rules.