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
データ バインディングや JS に似た単純な式を使用して、ユーザーの操作やデータの変更に応じた要素の変更を可能にします。
amp-form
Allows you to create forms to submit input fields in an AMP document.
amp-list
データを動的にダウンロードし、テンプレートを使用してリスト項目を作成します。
amp-mustache
Mustache.js テンプレートのレンダリングを可能にします。
amp-selector
オプションのメニューを提示し、ユーザーに選択を求めるコントロールを表示します。

レイアウト

amp-accordion
閲覧者がコンテンツの概要を一目で把握し、選択した任意のセクションにジャンプできるようにします。
amp-carousel
横軸に沿って複数の類似コンテンツを表示します。
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
フルビューポートの「ライトボックス」モーダル内に要素を表示します。
amp-sidebar
一時的なアクセスを目的としたメタコンテンツ(ナビゲーション、リンク、ボタン、メニューなど)を表示できます。

メディア

amp-anim
Manages an animated image, typically a GIF.
amp-img
HTML5 の img タグを置き換えます。

プレゼンテーション

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...