Web components framework

AMP is a web component framework to easily create user-first experiences for the web.AMP is a simple and robust web components framework that makes it easy to build fast websites that are user-first and make money. AMP provides long-term success for your web strategy with distribution across popular platforms and reduced operating costs. Get started with AMP.

Created by admin
Last updated : Thu, Dec 2022

AMP is a web component framework to easily create user-first experiences for the web.

AMP Websites

Easily create websites with a great page experience out-of-the-box using AMP’s ready-to-go web components.
Get startedAll about AMP Websites

Web Stories

Immerse readers in visual and tappable stories they can share anywhere on the open web.
All about Web Stories

AMP Ads

Serve lightning fast and secure eye-catching creatives.
All about AMP Ads


The AMP Component Catalogue

The AMP HTML library consists of a basic runtime that brings the core functionalities of AMP to your page. If you want to add additional features you can do so by using one or more of the ready-to-use AMP components. They are classified as:

Built-inComponents that are included in the base library, such as amp-img and amp-pixel.
ExtendedExtensions to the base library that must be explicitly included in the document as custom elements.
ExperimentalComponents that are released but are not yet ready for wide use.

Highlighted Components

 
 
amp-analytics

Captures analytics data from an AMP document.

 
amp-autocomplete

Suggests completed results corresponding to the user input as they type into the input field.

 
amp-carousel

Displays multiple similar pieces of content along a horizontal axis.

amp-ad

A container to display an ad.

 
 
amp-list

Dynamically downloads data and creates list items using a template.

Filter by category

AllAdvertising & AnalyticsDynamic ContentLayoutMediaPresentationSocialsocial login

Dynamic Content

amp-access-laterpay
Allows publishers to integrate with the LaterPay micropayments platform.
amp-access-poool
Displays a Poool paywall.
amp-access-scroll
Integrates with Scroll membership.
amp-access
Provides an AMP paywall and subscription support.
amp-action-macro
Creates reusable actions.
 
amp-autocomplete
Suggests completed results corresponding to the user input as they...
 
 
amp-bind
Allows elements to mutate in response to user actions or data...
amp-byside-content
Displays dynamic content from the BySide service.
 
amp-consent
Provides the ability to collect and store a user's consent through...
amp-date-picker
Provides a widget to select dates. The date picker can render as...
 
 
 
amp-form
Allows you to create forms to submit input fields in an AMP document.
 
amp-geo
Provides an approximate country-level geolocation interface.
 
amp-gist
Creates an iframe and displays a GitHub Gist.
amp-google-document-embed
Displays a document file supported by Google Drive.
 
 
 
amp-img
Replaces the HTML5 img tag.
amp-inputmask
Provides input masking capabilities to inputs in AMP forms
 
amp-install-serviceworker
Installs a ServiceWorker for the current page.
 
 
 
amp-layout
A generic, multi-purpose container element that brings AMP's...
amp-link-rewriter
Allows publishers to rewrite URL based on configurable pattern
 
 
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-minute-media-player
Displays a Minute Media player.
 
 
amp-mustache
Allows rendering of Mustache templates.
amp-next-page
Infinite scrolling experience for document-level page recommendations.
 
 
amp-pixel
A tracking pixel to count page views.
amp-recaptcha-input
Appends a reCAPTCHA v3 token to AMP form submissions.
amp-render
Renders remote or inline data using a template.
amp-script
Runs custom JavaScript in a Web Worker.
 
amp-selector
Represents a control that presents a menu of options and lets the...
 
amp-smartlinks
Run Narrativ's Linkmate process inside your AMP page
amp-story-captions
The amp-story-captions component allows custom video or audio...
amp-subscriptions-google
Implements subscription-style access protocol for Subscribe with Google.
amp-subscriptions
Implements subscription-style access protocol.
amp-user-notification
Displays a dismissable notification to the user.
amp-video-docking
Functionality for videos that minimize ("dock") to a corner or a...
amp-web-push
Allows users to subscribe to web push notifications.

Media

amp-3d-gltf
Displays GL Transmission Format (gITF) 3D models.
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-bodymovin-animation
Displays an AirBnB Bodymovin animation player.
amp-brid-player
Displays a Brid.tv player.
amp-brightcove
Displays a Brightcove Video Cloud or Perform player.
amp-connatix-player
Displays a cloud-hosted Connatix Player.
amp-dailymotion
Displays a Dailymotion video.
amp-delight-player
The amp-delight-player element displays a cloud-hosted Delight Player.
amp-embedly-card
Displays an Embedly card.
amp-google-read-aloud-player
Embeds the Google Read Aloud Player.
amp-hulu
Displays an embedded Hulu video.
amp-ima-video
Embeds a video player for instream video ads that are integrated...
amp-imgur
Displays an Imgur post.
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-megaphone
Displays a Megaphone.fm podcast episode or playlist.
amp-mowplayer
Displays a cloud-hosted Mow Player.
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 item content (e.g., list, poll, etc.).
amp-powr-player
An amp-powr-player component displays the Powr Player as...
amp-reach-player
Displays a Beachfront Reach video player.
amp-redbull-player
Displays a Red Bull Video Player.
amp-skimlinks
Run skimlinks inside your AMP page.
amp-soundcloud
Displays a Soundcloud clip.
amp-springboard-player
Displays a Springboard Platform video player.
amp-video-iframe
Embeds an iframe containing a video player.
 
 
amp-video
Replaces the HTML5 video tag.
amp-vimeo
Displays a Vimeo video.
amp-viqeo-player
Displays a Viqeo video player.
amp-wistia-player
Displays a Wistia video.
amp-yotpo
Embeds a Yotpo on-site widget.
 
amp-youtube
Displays a YouTube video.
Related blogs
Mentoring the Mentors
UpskillPro:Mentorship
Teacher-Educator Training
The 360° Enablement Manual
IPREPTODAY Offerings
IPREPTODAY SKILLS FOUNDATION at a Glance