GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • AMP
  • AMP Websites Create flawless web experiences
  • Web Stories Snackable Stories for everyone
  • AMP Ads Super fast ads on the web
  • AMP Email Next gen email
  • How AMP works
  • Vision & Mission
  • Use cases
  • Success Stories
  • Get Started
  • Guides & Tutorials Get started with AMP
  • Components The complete AMP library
  • Examples Hands-on introduction to AMP
  • Courses Learn AMP with free courses

This view

  • Original page
  • New address

GeezerVison is showing amp.dev — Use cases

Screenshot of Campmor E-Commerce Site.

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
Experience Demo
See on GitHub

Magazine article

Breaking the status quo

This example of magazine article demonstrates how to build an immersive reading experience by adding animations that enhance the written content on the page.

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
Experience Demo
See on GitHub

Band page

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.

The use of amp-sidebar gives you the same feeling as if you are in a single page app.

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
Experience Demo
See on GitHub
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.