Awesome AMP HTML

Awesome AMP HTML is a curated, community-driven directory (awesome list) that collects the best AMP (Accelerated Mobile Pages) resources on GitHub, including starters, examples, tutorials, tools, and integrations. It is maintained as an open-source GitHub repository by onwidget under a CC0-1.0 license and follows the awesome-* convention popular on GitHub.

What is Awesome AMP HTML?

Awesome AMP HTML is a categorized link list for the AMP web component framework. It takes no input and produces a structured directory of external resources, organized into sections: About, Getting Started, Development and Optimization, Testing, Integrations, Templates, and Community. The list aggregates official AMP project links, community tools, templates, and tutorials, making it a starting point for anyone building AMP pages.

Key Features

• Categorized resource directory — Links are grouped into six main sections: Getting Started, Development and Optimization, Testing, Integrations, Templates, and Community, plus an About section explaining AMP.
• Official AMP project links — Points to the official amphtml repository, AMP Websites/Stories/Ads/Email documentation, the AMP Channel on YouTube, and the AMP examples library.
• Development and optimization tools — Includes the AMP Validator web interface, the Experiment Configurator for beta features, the AMP Playground online editor, and the AMP Toolbox collection on GitHub.
• Testing resources — Features the Google AMP Test, the Gmail AMP for Email Playground, and the Mail.ru AMP Playground for validating pages and previewing AMP emails.
• Integrations for major platforms — Covers WordPress plugins (the official AMP plugin and AMP for WP), a Magento 2 extension, and React solutions such as Next.js AMP support, react-amphtml, and two Storybook addons.
• Template galleries — Links to the AMP Project Templates and amptemplates.io, which offer ready-made responsive designs for all devices.
• Community channels — Lists Stack Overflow's amp-html tag, Google's AMP forum, and the @AMPhtml Twitter profile.

Who is it for?

• Web developers — Find official documentation, validators, and prototyping tools to build and debug AMP pages efficiently.
• Publishers and content creators — Discover AMP templates and the Page Experience Guide to create faster-loading articles, stories, and ads.
• Email marketers — Use the Gmail and Mail.ru AMP playgrounds to draft and test interactive AMP emails before sending.
• WordPress and Magento site owners — Choose from listed plugins and extensions to add AMP functionality to existing websites.

What can you do with it?

• Validate AMP pages — Use the AMP Validator web interface or the VS Code extension to check HTML for errors and warnings as you type.
• Start prototyping — Open the AMP Playground or the AMP Prototyper to convert existing HTML pages to AMP and demonstrate performance gains.
• Stay current with AMP — Browse official guides for AMP Websites, Web Stories, Ads, and Email, and beta-test new features via the Experiment Configurator.