Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Exporting responsive platform-neutral HTML banners - Combine supplied layouts into responsive platform-neutral HTML using CSS keyframes.. Machine-readable page: /bannerify/export/platforms/responsive-html-keyframes.md.

Exporting responsive platform-neutral HTML banners

Combine supplied layouts into responsive platform-neutral HTML using CSS keyframes.

Select Responsive HTML/JS (CSS @keyframes) when several supplied Figma layouts should be combined into one platform-neutral responsive HTML output.

Exporting with this option ​

  1. Load the banner frames you want to export into Bannerify.
  2. Click Export to HTML in the Bannerify header.
  3. Select the output option named in this guide under Code Output Settings.
  4. Enter the destination URL or other platform-specific values shown in the export panel.
  5. Click the export button, download the generated .zip, and unzip the main Bannerify download.

If you enable Include individual .zip files for each banner, the upload-ready banner packages are placed in the _zips folder. Some responsive and single-file formats use a different package described on their dedicated page.

Always test the exact exported file in the destination platform or its official validator. A local browser preview confirms the creative renders, but it cannot confirm account eligibility or platform approval.

Bannerify uses the supplied frame dimensions to choose the matching layout at runtime. It does not generate missing layouts, so include each size or orientation required by the host environment.

This option does not add an ad-platform SDK or click wrapper. Use Responsive HTML (Media Queries) when you need the clickTag-enabled responsive option, or choose a named platform format when the package will be uploaded to an ad network.