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:
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-access-laterpay
게시자가 LaterPay 소액결제 플랫폼과 손쉽게 통합할 수 있습니다.
amp-access-poool
Displays a Poool paywall.
amp-access-scroll
Integrates with Scroll membership.
amp-access
AMP 페이월 및 구독 지원을 제공합니다.
amp-action-macro
Creates reusable actions.
amp-autocomplete
Suggests completed results corresponding to the user input as they...
amp-bind
사용자 작업 또는 데이터 변경에 따라 데이터 결합 및 JS와 같은 단순한 식을 통해 요소의 변경을 허용합니다.
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-inputmask
Provides input masking capabilities to inputs in AMP forms
amp-install-serviceworker
Installs a ServiceWorker for the current page.
amp-link-rewriter
Allows publishers to rewrite URL based on configurable pattern
amp-list
동적으로 데이터를 다운로드하고 템플릿을 사용하여 목록 항목을 생성합니다.
amp-live-list
Provides a way to display and update content live.
amp-mraid
Supports interaction with the MRAID host API within Ad webviews in...
amp-mustache
Mustache.js 템플릿의 렌더링을 허용합니다.
amp-next-page
Infinite scrolling experience for document-level page recommendations.
amp-recaptcha-input
Appends a reCAPTCHA v3 token to AMP form submissions.
amp-script
Runs custom JavaScript in a Web Worker.
amp-selector
사용자가 선택할 수 있는 옵션 메뉴를 표시하는 컨트롤을 나타냅니다.
amp-smartlinks
Run Narrativ's Linkmate process inside your AMP page
amp-story-interactive
A rich set of interactive experiences for stories, including...
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.