AMP

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-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.
Experimental Components that are released but are not yet ready for wide use.

Highlighted Components

Filter by category

المحتوى الديناميكي

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-form
Allows you to create forms to submit input fields in an AMP document.
amp-list
Dynamically downloads data and creates list items using a template.
amp-mustache
Allows rendering of Mustache.js templates.
amp-selector
Represents a control that presents a menu of options and lets the...

التخطيط

amp-accordion
Provides a way for viewers to have a glance at the outline of the...
amp-carousel
Displays multiple similar pieces of content along a horizontal axis.
amp-image-lightbox
Provides a lightbox effect for a specified image.
amp-layout
The amp-layout` component allows you to apply aspect-ratio based...
amp-lightbox
Displays elements in a full-viewport “lightbox” modal.
amp-sidebar
Provides a way to display meta content intended for temporary...

الوسائط

amp-anim
Manages an animated image, typically a GIF.
amp-img
Replaces the HTML5 img tag.

عرض تقديمي

amp-fit-text
Expands or shrinks font size to fit the content within the space given.
amp-timeago
Provides fuzzy timestamps by formatting dates as time ago (for...