Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/onwidget/awesome-amp
😎 Awesome things related to AMP HTML
https://github.com/onwidget/awesome-amp
List: awesome-amp
amp amp-html awesome awesome-list
Last synced: about 1 month ago
JSON representation
😎 Awesome things related to AMP HTML
- Host: GitHub
- URL: https://github.com/onwidget/awesome-amp
- Owner: onwidget
- License: cc0-1.0
- Created: 2019-09-10T00:19:02.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2022-12-02T06:56:24.000Z (almost 2 years ago)
- Last Synced: 2024-05-23T00:01:12.898Z (4 months ago)
- Topics: amp, amp-html, awesome, awesome-list
- Language: HTML
- Homepage: https://onwidget.github.io/awesome-amp/
- Size: 71.3 KB
- Stars: 14
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
- ultimate-awesome - awesome-amp - 😎 Awesome things related to AMP HTML. (Other Lists / PowerShell Lists)
README
# Awesome AMP HTML · [](https://awesome.re) [](https://github.com/onwidget/awesome-amp/actions/workflows/lint.yaml) [](http://creativecommons.org/publicdomain/zero/1.0/)
A curated list of **[AMP (Accelerated Mobile Pages)](https://amp.dev/)** repos, examples, starters, tutorials, components, modules, videos, and anything else useful.
Inspired by the _awesome-*_ trend on GitHub.
> AMP is a web component framework to easily create user-first websites, stories, ads and emails.
## Contents
- [About](#about)
- [Getting Started](#getting-started)
- [Development and Optimization](#development-and-optimization)
- [Testing](#testing)
- [Integrations](#integrations)
- [Wordpress](#wordpress)
- [Magento](#magento)
- [React](#react)
- [Templates](#templates)
- [Community](#community)
## About
**AMP** is a free, open-source web component framework that powers all kinds of experiences on the web. Its mission is to improve the web for everyone – publishers, platforms, advertisers, creators, and of course, users. The AMP Project enables the creation of user-first websites, immersive tappable stories, lightning-fast ads, and dynamic email.
## Getting Started
- Official Documentation:
- [AMP Websites](https://amp.dev/about/websites/) - Web pages that are compelling, smooth, and load near instantaneously.
- [Web Stories](https://amp.dev/about/stories/) - Use AMP to create visual stories on the web.
- [AMP Ads](https://amp.dev/about/ads/) - Use AMP to build and serve lightning fast, safe ads to pages and stories.
- [AMP Email](https://amp.dev/about/email/) - Use AMP to send interactive, dynamic emails.
- [Tools](https://amp.dev/documentation/tools/) - Tools for creation, design and development of AMP html projects.
- [Official Repository](https://github.com/ampproject/amphtml) - The AMP web component framework.
- [The AMP Channel](https://www.youtube.com/channel/UCXPBsjgKKG2HqsKBhWA4uQw) - Official YouTube channel of the AMP project.
- [Examples](https://amp.dev/documentation/examples/) - AMP examples.
## Development and Optimization
- [AMP Validator](https://validator.ampproject.org/) - Web interface for validate AMP html.
- [Experiment Configurator](https://cdn.ampproject.org/experiments.html) - Beta-test new features of AMP before they're available for everyone.
- [AMP Playground](https://playground.amp.dev/) - Start prototyping in an interactive online editor.
- [AMP Toolbox](https://github.com/ampproject/amp-toolbox) - A collection of AMP tools making it easier to publish and host AMP pages.
- [AMP Page Experience Guide](https://amp.dev/page-experience/) - Analyze and learn how to optimize your AMP pages for Google's page experience ranking signal.
- [VS Code Extension](https://marketplace.visualstudio.com/items?itemName=amphtml.amphtml-validator) - Makes authoring AMP easy by validating for errors/warnings as you type within VS Code.
- [AMP Prototyper](https://github.com/jonchenn/amp-prototyper) - A prototyping tool that automatically converts a HTML page to AMP for demonstrating performance gains with AMP.
## Testing
- [Google AMP Test](https://search.google.com/test/amp) - Test if and how your AMP page appears in Google Search.
- [Gmails AMP for Email Playground](https://amp.gmail.dev/playground/) - Draft AMP emails, see a live preview, and have your emails sent to your own Gmail account for testing.
- [Mail.ru AMP Playground](https://postmaster.mail.ru/amp/) - Draft AMP emails, see a live preview, and have your emails sent to your Mail.ru account.
## Integrations
### Wordpress
- [AMP for WP](https://amp-wp.org/) - Success with WordPress, powered by AMP with the Official AMP plugin.
- [AMP Plugin](https://wordpress.org/plugins/amp/) - The Official AMP plugin for Wordpress.
- [Ecosystem Plugins](https://amp-wp.org/ecosystem/plugins/) - Plugins compatibles with the Official AMP plugin for Wordpress.
- [Ecosystem Themes](https://amp-wp.org/ecosystem/themes/) - Themes compatibles with the Official AMP plugin for Wordpress.
- [AMP for WP Plugin](https://wordpress.org/plugins/accelerated-mobile-pages/) - AMP for WP automatically adds Accelerated Mobile Pages (Google AMP Project) functionality to your WordPress site.
### Magento
- [AMP for Magento](https://plumrocket.com/magento-amp) - Magento 2 AMP Extension.
### React
- [Nextjs AMP Support](https://nextjs.org/docs/advanced-features/amp-support/introduction) - With Next.js you can turn any React page into an AMP page, with minimal config, and without leaving React.
- [react-amphtml](https://github.com/dfrankland/react-amphtml) - Use amphtml components inside your React apps easily.
- Storybook:
- [Storybook AMP addon](https://github.com/onwidget/storybook-amp) - Storybook addon for AMP (Accelerated Mobile Pages). Allows to display in your stories AMP Html components generated with React.
- [@ampproject/storybook-addon](https://github.com/ampproject/storybook-addon-amp) - Storybook addon for building and testing AMP components.
## Templates
- [AMP Project Templates](https://amp.dev/documentation/templates/) - Get started quickly with a ready-made design. Templates designed to work with all devices: mobile, tablet and desktop.
- [amptemplates.io](https://www.amptemplates.io/) - A collection of responsive, blazing fast AMP templates from all over the web.
## Community
- [Stack Overflow](http://stackoverflow.com/questions/tagged/amp-html) - Recommended way to find answers to questions about AMP.
- [Google's AMP forum](https://goo.gl/utQ1KZ) - For AMP on Google Search questions or issues.
- [@AMPhtml](https://twitter.com/AMPhtml) - Profile on Twitter.