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-consent
Provides the ability to collect and store a user's consent through...
amp-geo
Provides an approximate country-level geolocation interface.
amp-gist
Creates an iframe and displays a GitHub Gist.
amp-install-serviceworker
Installs a ServiceWorker for the current page.
amp-list
동적으로 데이터를 다운로드하고 템플릿을 사용하여 목록 항목을 생성합니다.
amp-live-list
Provides a way to display and update content live.
amp-story-interactive
A rich set of interactive experiences for stories, including...

레이아웃

amp-layout
The amp-layout` component allows you to apply aspect-ratio based...

미디어

amp-audio
Replaces the HTML5 audio tag.
amp-img
Replaces the HTML5 img tag.
amp-story-360
Embeds 360 images and videos, explorable by gyroscope or...
amp-story-panning-media
Transition an image's position and zoom between pages.
amp-video
HTML5 동영상 태그를 대체합니다.

프레젠테이션

amp-fit-text
Expands or shrinks font size to fit the content within the space given.
amp-font
Trigger and monitor the loading of custom fonts on AMP pages.
amp-story-animation
A component for configuring custom animations in amp-story.
amp-story-audio-sticker
A sticker for users to click and unmute the story.
amp-story-auto-ads
Dynamically inserts ads into a Story.
amp-story-captions
Custom video captions rendering.
amp-story-cta-layer
A single layer of a single page of an AMP story, which allows...
amp-story-grid-layer
A single layer of a single page of an AMP story that positions its...
amp-story-page-outlink
A CTA button for opening external links with one tap in AMP story pages.
amp-story-page
A single screen of an AMP story.
amp-story-player
A player for embedding and playing your favorite stories in your...
amp-story-shopping
A configurable, templated shopping experience in AMP story pages.
amp-story-subscriptions
A configurable, templated subscriptions experience in AMP story pages.
amp-story
A rich, visual storytelling format.