Use cases

E-Commerce

AMP Camp

AMP shines for content pages. But it can also power e-commerce experiences.

To learn more, we built a simple yet fully functional e-commerce site of our very own! Check out the site, and look at the code to learn about the best practices we discovered to build a great interactive experience on your domain and on AMP caches alike.

amp-list amp-mustache amp-bind amp-form amp-sidebar amp-selector

Demonstração de experiência

Artigo de revista

Quebrando o status quo

Este exemplo de artigo de revista demonstra como construir uma experiência de leitura imersiva adicionando animações que aprimoram o conteúdo escrito da página.

amp-position-observer in combination with amp-animation allows a smooth "scrolly-telling" experience with minimal effort and without any custom JavaScript.

amp-mustache amp-sidebar amp-access amp-analytics amp-selector amp-live-list amp-fit-text amp-social-share amp-position-observer amp-animation amp-youtube amp-orientation-observer amp-carousel amp-accordion amp-twitter amp-instagram amp-lightbox amp-video

Demonstração de experiência

Página de banda

Olga and the kings

Always thought that all AMP pages look the same? Checkout this incredible band website featuring various AMP components to create a vivid and enjoyable experience.

O uso de amp-sidebar transmite a mesma sensação de estar em um aplicativo de página única.

amp-mustache amp-date-picker amp-sidebar amp-access amp-analytics amp-selector amp-3d-gltf amp-live-list amp-geo amp-timeago amp-form amp-position-observer amp-animation amp-pan-zoom

Demonstração de experiência