AMP Stories Examples
Featured examples
Components
Create every content, layout and feature on your website with an AMP component.
Design & Layout
Examples for modern responsive and modern web pages:
Monetization & Analytics
Make more out of your AMP pages through analytics, optimal delivery and caching.
AMP Playground
AMP Playground에서 직접 체험하세요. 브라우저에서 아이디어를 실험하고 즉각적인 피드백을 받을 수 있습니다.
카테고리별 필터링
전체 introduction components advertising-analytics multimedia-animations style-layout user-consent visual-effects
introduction
components
amp-3d-gltf
amp-access-laterpay
amp-access
amp-accordion
amp-ad
amp-addthis
amp-analytics
amp-anim
amp-anim
amp-app-banner
amp-audio
amp-autocomplete-email
amp-autocomplete
amp-bind-macro
amp-bind-macro
amp-bind-recaptcha
amp-bind
amp-bind
amp-bodymovin-animation
amp-brid-player
amp-brightcove
amp-call-tracking
amp-carousel
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-lightbox
amp-image-slider
amp-img
amp-inputmask
amp-instagram
amp-install-serviceworker
amp-jwplayer
amp-kaltura-player
amp-lightbox-gallery
amp-lightbox
amp-lightbox
amp-list
amp-list
amp-live-list
amp-mustache
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-story-360
Interactive polls with results
Interactive quizzes with results
amp-story-shopping
amp-timeago
amp-timeago
amp-twitter
amp-user-notification
amp-video-iframe
amp-video
amp-vimeo
amp-vine
amp-web-push
amp-youtube
advertising-analytics
AMP Ads vs non-AMP Ads
DoubleClick AMP Story Ads
amp-video Publisher Served AMP Story Ads
amp-mustache amp-video Advanced Server Request
amp-list amp-form amp-mustache Article Bookmark Email
amp-form amp-mustache Conditional State
amp-bind Conditional State
amp-bind Conference Survey Email
amp-form Currency Conversion
amp-bind Dynamic Accordion
amp-accordion amp-bind amp-list amp-mustache Dynamically updating items in a feed
amp-list amp-form amp-mustache Restrict Duplicate Selection
amp-bind amp-list amp-selector 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 Slides Ad
amp-carousel Stack With Bind Ad
Subscription Settings
amp-list amp-mustache amp-form amp-bind multimedia-animations
Custom Loading Indicators
amp-list amp-mustache amp-iframe Scrollbound Video Ad
amp-animation amp-video amp-position-observer Supported media types in AMP Stories
amp-audio amp-gfycat amp-video Video Ad
amp-video style-layout
AMP Story Layouts
Banner Ad
Carousel Ad
amp-carousel Dark Mode
Desktop and Landscape Mode Support
Lightbox Ad
amp-lightbox user-consent
Granular User Consent
amp-consent amp-fit-text User Consent
amp-mustache amp-video amp-list amp-consent