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

Setup

1. Create one 9:16 portrait frame and one 16:9 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.

Why both orientations are required

AppLovin's 9:16 requirement applies to portrait video and image end-card assets. HTML playables have a different requirement: the single HTML file must work properly in both portrait and landscape orientations.

Bannerify therefore requires one 9:16 portrait frame and one 16:9 landscape frame for this export. The two frames can use the same copy, images, and creative concept; the landscape frame only needs to adapt the layout for the wider orientation. Bannerify combines both frames into one responsive HTML file. A 1:1 square frame is optional.

If a client asks for only a 9:16 asset, confirm whether they need a video, image end card, or HTML playable. A portrait-only brief can be valid for the first two formats, but it is not sufficient for Bannerify's AppLovin (Responsive HTML5) export.

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 HTML playable specifications for the current single-file, orientation, audio, and click-through rules.