ampproject.orgAMP - a web component framework to easily create user-first web experiences - amp.dev

AMP About 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 Page Experience How AMP works Vision & Mission Use cases Success Stories Documentation Get started 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 Templates Ready to use Tools Begin building Community Contribute Roadmap Governance Working Groups Events AMP Fest 2020 AMP Roadshow Blog Support Help FAQ EN Deutsch Français العربية Español Italiano Indonesia 日本語 한국어 Português Русский Türkçe 中文 Polski Tiếng việt About AMP Websites Web Stories AMP Ads AMP Email Page Experience How AMP works Vision & Mission Use cases Success Stories Documentation Get started Guides & Tutorials Components Examples Courses Templates Tools Community Contribute Roadmap Governance Working Groups Events AMP Fest 2020 AMP Roadshow Blog Help Search {{^prevUrl}} {{#result.components.length}} {{#initial}}Important Components{{/initial}}{{^initial}}Components{{/initial}} {{/result.components.length}} {{/prevUrl}} {{#result.components}} {{#initial}}<{{title}}>{{/initial}}{{^initial}}{{title}}{{/initial}} {{description}} {{#exampleUrl}} Open example {{#playgroundUrl}} Open in playground {{/playgroundUrl}} {{/exampleUrl}} {{/result.components}} {{^prevUrl}} {{#result.pages.length}} {{#initial}}Popular Articles{{/initial}}{{^initial}}Results{{/initial}} {{/result.pages.length}} {{/prevUrl}} {{#result.pages}} {{title}} {{description}} {{/result.pages}} {{#result.isTruncated}} Although there are {{result.totalResults}} hits in total we cannot show more than 100. {{/result.isTruncated}} Load more Something went wrong while trying to load more search results. We apologize for the inconvenience caused. Please try again later. ;( Something went wrong… …while trying to load the search results. We apologize for the inconvenience caused. Please try again later. ¯\_(ツ)_/¯ No results found. We could not find any results matching your search query. AMP is a web component framework to easily create user-first websites. stories. ads. emails. Get started The latest news Don't want to miss any of the great stuff that happens around AMP? Then always be first in line and subscribe to our newsletter! Subscribe Subscribe Websites AMP implementation best practices and common pitfalls December 17, 2020 WordPress Why We Chose Newspack + Native AMP for Cowgirl Magazine December 16, 2020 Websites Releasing a new C++ AMP Validator December 14, 2020 Community AMP Advisory Committee 2020 election results December 14, 2020 Stories Google launches programmatic ads for Web Stories December 10, 2020 Websites AMP Packager is now available on Google Cloud Marketplace November 23, 2020 < amp-sidebar id = "sidebar" layout = "nodisplay" side = "right" " " "left" </ amp-sidebar > < amp-story-grid-layer template = "vertical" > < amp-img src = "moons.jpg" width = "266" height = "340" layout = "responsive" > </ amp-img > </ amp-story-grid-layer > < amp-ad type = "foo" width = "300" height = "250" > < div placeholder > ... </ div > </ amp-ad > < button class = "false" [class] = "clicked" role = "button" tabindex = "0" on = "tap:AMP.setState({ clicked: !clicked })" > </ button > Use AMP to build great experiences across the web Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build: Use AMP to create visual stories on the web. Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build: Use AMP to build and serve lightning fast, safe ads to pages and stories. Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build: Use AMP to send interactive, dynamic emails. Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build: AMP websites AMP stories AMP ads AMP email Learn more about AMP websites Learn more about AMP stories Learn more about AMP ads Learn more about AMP email AMP in action AMP is an open-source HTML framework that provides a straightforward way to create web pages that are fast, smooth-loading and prioritize the user-experience above all else. Can't believe it? Try it out for yourself in the playground below: AMPHTML Playground Show everything AMP Website AMP Story AMP Email AMP Ad Open in AMP Playground Business Benefits Web page speed improves the user experience and core business metrics AMP pages load near instantly, enabling you to offer a consistently fast experience across all devices and platforms. Building AMP pages is easy and reduces developer overhead You can often convert your entire archive in days especially if you use a popular CMS such as WordPress or Drupal. AMP can be applied across various web touch points Used by popular and global platforms like Google, Bing and Twitter, AMP allows you to ensure users from all these surfaces get an unparalleled, often instantaneous and native-feeling experience by defaulting to AMP pages when available. Developer Benefits Maintain flexibility and control and reduce complexity in your code You can use CSS to customize your styling, dynamic data to fetch the freshest data where needed, to build the best possible user experience for your customers. Building blocks that ensure performance It takes a lot of time and effort to build a great website. AMP components are already optimized for the best performance. Build for a sustainable future in the open web for everyone The AMP Project is an open source initiative to protect the future of the web helping everyone deliver a better, faster more user-friendly experience. Get started with AMP As a source for breaking news and information, Web Stories allow us to showcase our quality journalism when there are multiple elements we want to bring together. Combining reporting, photography, videos and motion graphics, this gives readers a more visual entry point when they are searching for our coverage. Greg Manifold, Design Director of The Washington Post Read Success Story Build anything with AMP. Too much choice Open Use Case Parallax Storytelling in AMP Open Use Case Editorial AMP Article Open Use Case Band Page in AMP Open Use Case See all use cases publishers AMP helps the Washington Post increase returning users from mobile search by 23% e-commerce WompMobile consistently improves e-commerce clients’ conversion rates with AMP sites advertisers Teads brings AMP'd mobile video inventory to nearly 100 publishers e-commerce Carved increases conversion rate by 75% with AMP and PWA Explore AMP success stories Don't take our word for it - read case studies from your industry and see how AMP has produced positive results. See all success stories By the community, for the community Many ways for you to contribute The AMP Project would not be possible without help from all members of the community whether you are a developer, content creator or provider of services relevant to AMP. Reporting issues with AMP If you have feedback or are experiencing technical issues with AMP, please file it using the issue tracker. Build your first AMP page now You don’t need to download AMP and no installation is required. Because it is an open-source project, it is free! Get started Of course, this site is made with AMP! Follow us Overview AMP Framework Use Cases Success stories Functionality Docs Get Started Guides and Tutorials Components Examples Design Templates Tools Community Platform and Vendor Partners Contribute Roadmap OpenJS Foundation The OpenJS Foundation Op...