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-accordion
提供一种方式,让观看者可以大致了解网页内容并随意跳至想查看的部分。
amp-app-banner
A wrapper and minimal UI for a cross-platform, fixed-position...
amp-base-carousel
Displays multiple similar pieces of content along a horizontal...
amp-carousel
Displays multiple similar pieces of content along a horizontal axis.
amp-fx-collection
Provides a collection of preset visual effects, such as parallax.
amp-fx-flying-carpet
Wraps its children in a unique full-screen scrolling container...
amp-iframe
显示 iframe。
amp-image-lightbox
Provides a lightbox effect for a specified image.
amp-image-slider
A slider to compare two images.
amp-inline-gallery
Displays multiple similar pieces of content along a horizontal...
amp-layout
The amp-layout` component allows you to apply aspect-ratio based...
amp-lightbox-gallery
Provides a "lightbox” experience. Upon user interaction, a UI...
amp-lightbox
以完整视口“灯箱”模式显示元素。
amp-mega-menu
显示可扩展容器中的顶级导航内容。
amp-nested-menu
Displays a drilldown menu with arbitrary levels of nested submenus.
amp-orientation-observer
Monitors the orientation of an element within the viewport as a...
amp-position-observer
Monitors the position of an element within the viewport as a user...
amp-sidebar
用于显示旨在供临时访问的元内容,例如导航链接、按钮、菜单。
amp-stream-gallery
Displays multiple similar pieces of content at a time along a...