AMP Websites Examples

Featured examples

Components

Create every content, layout and feature on your website with an AMP component.

amp-autocomplete

amp-bind

amp-carousel

amp-form

Design & Layout

Examples for modern responsive and modern web pages:

Tab Panels with amp-selector

Scroll to top

Animated Snackbar

How to support Images with unknown Dimensions

Advanced Interactivity

Build on these user first web experiences, immersive stories, e-commerce systems and dynamic email examples.

Favorite Button

Multi Page Flow

OAuth2 Login

Advanced Video Docking

AMP Playground

在 AMP Playground 中亲自尝试。直接在浏览器中测试您的想法并获得即时反馈。

在 AMP Playground 中打开

按类别过滤

全部 introduction components guides advertising-analytics 电子商务 interactivity-dynamic-content multimedia-animations news-publishing personalization style-layout user-consent visual-effects

visual-effects

2 AMP components used

Used components

查看示例

Animated Snackbar

2 AMP components used

Used components

查看示例

Basics of orientation effects

4 AMP components used

Used components

查看示例

Basics of scrollbound effects

2 AMP components used

Used components

查看示例

{{#initial}}重要组件{{/initial}}{{^initial}}组件{{/initial}}

{{#initial}}<{{title}}>{{/initial}}{{^initial}}{{title}}{{/initial}}

{{#initial}}热门文章{{/initial}}{{^initial}}结果{{/initial}}

{{title}}

;(

尝试加载更多搜索结果时…

¯\_(ツ)_/¯

无搜索结果。

AMP Websites Examples

Featured examples

Components

Design & Layout

Advanced Interactivity

AMP Playground

按类别过滤

visual-effects

Animated Snackbar

Basics of orientation effects

Basics of scrollbound effects

Scroll to top