The AMP HTML library provides components that are classified as:

  • built-in: Components that are included in the base library, such as amp-img and amp-pixel.
  • extended: Extensions to the base library that must be explicitly included in the document as custom elements (e.g., <script async custom-element="amp-audio" ...).
  • experimental: Components that are released but are not yet ready for wide use.

Here are the components grouped by category:

Ads and Analytics

Component Description
amp-ad A container to display an ad.
amp-ad-exit Provides configurable behavior for ad exits for A4A (AMP for Ads).
amp-analytics Captures analytics data from an AMP document.
amp-auto-ads Dynamically injects ads into an AMP page by using a remotely-served configuration file.
amp-call-tracking Dynamically replaces a phone number in a hyperlink to enable call tracking.
amp-experiment Can be used to conduct user experience experiments on an AMP document.
amp-pixel A tracking pixel to count page views.
amp-sticky-ad Provides a way to display and stick ad content at the bottom of the page.

Dynamic Content

Component Description
amp-access-laterpay Allows publishers to easily integrate with the LaterPay micropayments platform.
amp-access Provides an AMP paywall and subscription support.
amp-bind Allows elements to mutate in response to user actions or data changes via data binding and simple JS-like expressions.
amp-form Provides form support.
amp-gist Displays a GitHub Gist.
amp-install-serviceworker Installs a ServiceWorker.
amp-list Dynamically downloads data and creates list items using a template.
amp-live-list Provides a way to display and update content live.
amp-mustache Allows rendering of Mustache.js templates.
amp-selector Represents a control that presents a menu of options and lets the user choose from it.
amp-user-notification Displays a dismissable notification to the user.

Layout

Component Description
amp-accordion Provides a way for viewers to have a glance at the outline of the content and jump to a section of their choice at will.
amp-app-banner A wrapper and minimal UI for a cross-platform, fixed-position banner showing a call-to-action to install an app.
amp-carousel Displays multiple similar pieces of content along a horizontal axis.
amp-fx-flying-carpet Wraps its children in a unique full-screen scrolling container allowing you to display a full-screen ad without taking up the entire viewport.
amp-fx-parallax An attribute that enables a 3D-perspective effect on an element.
amp-iframe Displays an iframe.
amp-lightbox Allows for a “lightbox” or similar experience.
amp-sidebar Provides a way to display meta content intended for temporary access such as navigation, links, buttons, menus.

Media

Component Description
amp-3q-player Embeds videos from 3Q SDN.
amp-anim Manages an animated image, typically a GIF.
amp-apester-media Displays an Apester smart unit.
amp-audio Replaces the HTML5 audio tag.
amp-brid-player Displays a Brid.tv player.
amp-brightcove Displays a Brightcove Video Cloud or Perform player.
amp-dailymotion Displays a Dailymotion video.
amp-google-vrview-image Displays a VR image.
amp-hulu Displays a simple embedded Hulu video.
amp-ima-video Embeds a video player for instream video ads that are integrated with the IMA SDK.
amp-image-lightbox Allows for an “image lightbox” or similar experience.
amp-img Replaces the HTML5 img tag.
amp-izlesene Displays an Izlesene video.
amp-jwplayer Displays a cloud-hosted JW Player.
amp-kaltura-player Displays the Kaltura Player as used in Kaltura's Video Platform.
amp-nexxtv-player Displays a media stream from the nexxOMNIA platform.
amp-o2-player Displays an AOL O2Player.
amp-ooyala-player Displays an Ooyala video.
amp-playbuzz Displays any Playbuzz content (e.g., list, poll, etc.).
amp-reach-player Displays a Beachfront Reach video player.
amp-soundcloud Displays a Soundcloud clip.
amp-springboard-player Displays a Springboard Platform video player.
amp-video Replaces the HTML5 video tag.
amp-vimeo Displays a Vimeo video.
amp-youtube Displays a YouTube video.

Presentation

Component Description
amp-animation Defines and displays an animation.
amp-dynamic-css-classes Adds several dynamic CSS class names onto the HTML element.
amp-fit-text Expands or shrinks font size to fit the content within the space given.
amp-font Triggers and monitors the loading of custom fonts.
amp-timeago Provides fuzzy timestamps by formatting dates as "*** time ago" (for example, 3 hours ago).
amp-viz-vega Displays visualizations created by using Vega visualization grammar.

Social

Component Description
amp-facebook-comments Embeds the Facebook comments plugin.
amp-facebook-like Embeds the Facebook like button plugin.
amp-facebook Displays a Facebook post or video.
amp-gfycat Displays a Gfycat video GIF.
amp-instagram Displays an Instagram embed.
amp-pinterest Displays a Pinterest widget or Pin It button.
amp-reddit Displays a Reddit comment or post embed.
amp-social-share Displays a social share button.
amp-twitter Displays a Twitter tweet.
amp-vine Displays a Vine simple embed.