EN
FR ES HI PT

ABC Websites Examples

Filter by category

All introduction components guides advertising-analytics e-commerce interactivity-dynamic-content multimedia-animations news-publishing personalization style-layout user-consent visual-effects

introduction

Hello World

components

amp-3d-gltf
amp-access-laterpay
amp-access
amp-accordion
amp-ad
amp-addthis
amp-analytics
amp-anim
amp-app-banner
amp-audio
amp-autocomplete
amp-bind-macro
amp-bind-recaptcha
amp-bind
amp-bodymovin-animation
amp-brid-player
amp-brightcove
amp-call-tracking
amp-carousel
amp-dailymotion
amp-date-countdown
amp-date-display
amp-date-picker
amp-dynamic-css-classes
amp-experiment
amp-facebook-comments
amp-facebook-like
amp-facebook-page
amp-facebook
amp-fit-text
amp-font
amp-form
amp-fx-collection
amp-fx-flying-carpet
amp-geo
amp-gfycat
amp-gist
amp-hulu
amp-iframe
amp-ima-video
amp-image-lightbox
amp-image-slider
amp-img
amp-inputmask
amp-instagram
amp-install-serviceworker
amp-jwplayer
amp-kaltura-player
amp-lightbox-gallery
amp-lightbox
amp-list
amp-live-list
amp-mustache
amp-next-page
amp-o2-player
amp-pinterest
amp-pixel
amp-reach-player
amp-recaptcha-input
amp-reddit
amp-render
amp-script
amp-selector
amp-sidebar
amp-social-share
amp-soundcloud
amp-springboard-player
amp-sticky-ad
amp-timeago
amp-twitter
amp-user-notification
amp-video-iframe
amp-video
amp-vimeo
amp-vine
amp-web-push
amp-youtube

guides

Internationalization
1 AMP components used
Used components
See example

Using the AMP URL API
Using the Google AMP Cache

advertising-analytics

1 AMP components used
Used components
See example

Joining Analytics Sessions
1 AMP components used
Used components
See example

Tracking Core Web Vitals
AMP Ads vs non-AMP Ads

e-commerce

5 AMP components used
Used components
See example

AMP for E-Commerce Getting Started
6 AMP components used
Used components
See example

Checkout Flow
7 AMP components used
Used components
See example

Hotel
9 AMP components used
Used components
See example

Housing
1 AMP components used
Used components
See example

Payments in AMP
10 AMP components used
Used components
See example

Product Browse Page
12 AMP components used
Used components
See example

Product Page
Shopping Cart
amp-list amp-mustache amp-form amp-bind

interactivity-dynamic-content

3 AMP components used
Used components
See example

Client-side filtering
2 AMP components used
Used components
See example

ComboBox
4 AMP components used
Used components
See example

Comment Section
2 AMP components used
Used components
See example

Copy Button
1 AMP components used
Used components
See example

Dynamic Content After User-Interaction
4 AMP components used
Used components
See example

Favorite Button
4 AMP components used
Used components
See example

Linked Dropdowns
2 AMP components used
Used components
See example

Mixing Dynamic and Cached Data
3 AMP components used
Used components
See example

Multi Page Flow
3 AMP components used
Used components
See example

Paged List
2 AMP components used
Used components
See example

Poll
5 AMP components used
Used components
See example

SeatMap
4 AMP components used
Used components
See example

Show More Button
2 AMP components used
Used components
See example

Star Rating
1 AMP components used
Used components
See example

Tic-Tac-Toe
Conditional State
amp-bind
Currency Conversion
amp-bind
Dynamic Accordion
amp-accordion amp-bind amp-list amp-mustache
Restrict Duplicate Selection
amp-bind amp-list amp-selector amp-mustache
SeatMap Multiple Selection
amp-pan-zoom amp-bind amp-list amp-mustache amp-selector

multimedia-animations

3 AMP components used
Used components
See example

Advanced Video Docking

Animated hamburger menu
1 AMP components used
Used components
See example

Click-to-play overlay for amp-video
5 AMP components used
Used components
See example

Image Galleries with amp-carousel
10 AMP components used
Used components
See example

Integrating Videos in AMP an Overview
2 AMP components used
Used components
See example

Rich Media Notifications
14 AMP components used
Used components
See example

Video Carousels with amp-carousel
2 AMP components used
Used components
See example

Video rotate to fullscreen with hint
Custom Loading Indicators
amp-list amp-mustache amp-iframe

news-publishing

2 AMP components used
Used components
See example

Live Blog
8 AMP components used
Used components
See example

News Article
5 AMP components used
Used components
See example

Recipe

personalization

Geolocation with amp-list
amp-list amp-mustache

style-layout

1 AMP components used
Used components
See example

How to support Images with unknown Dimensions
1 AMP components used
Used components
See example

Tab Panels with amp-selector
Dark Mode

4 AMP components used
Used components
See example

Advanced User Consent Flow
4 AMP components used
Used components
See example

Client Side User Consent Flow
2 AMP components used
Used components
See example

External User Consent Flow
2 AMP components used
Used components
See example

Geolocation-based Consent Flow
1 AMP components used
Used components
See example

Server Side User Consent Flow
1 AMP components used
Used components
See example

User Consent Modal UI
Granular User Consent
amp-consent amp-fit-text

visual-effects

2 AMP components used
Used components
See example

Animated Snackbar
2 AMP components used
Used components
See example

Basics of orientation effects
4 AMP components used
Used components
See example

Basics of scrollbound effects
2 AMP components used
Used components
See example

Scroll to top