ampbyexample.com gives you a hands-on introduction to Accelerated Mobile Pages based on code and live samples. Learn how to create websites with AMP and how to effectively make use of the different AMP components. In case we are missing any examples, feel free to let us know. Have you got any good examples you would like to contribute? Read on, it’s very easy to add new examples.
amp amp-htmlThe AMP Browser is an open source web browser based on Chromium, which accelerates web browsing by automatically loading AMP web pages, saves bandwidth by enabling data compression, and respects privacy by blocking ads and tracking scripts. You can toggle all the features by right-clicking the ⚡ icon in the top right corner and choosing Options.
web browser amp-html amp chromiumEveryone loves JSON, and more and more folks want to move that direction, but we still need things outputted in XML! Particularly for RSS feeds and Podcasts. This is inspired by node-jsontoxml, which was found to be a bit too rough around the edges. jstoxml attempts to fix that by being more flexible.
xml rss podcast amp html google amp-html google-amp json sitemap site-mapAMP up your plain HTML. Replaces regular HTML tags with their equivalent AMP components. Amperize is build to convert the <body> part of your HTML. It will not create the AMP boilerplate and will not add the required <script> for each component.
amp-html html ampRAMPT provides shorthands for amp-custom-elements. A [ get ] operation on { AMP } module returns Node element and automatically registers the <script /> tag required by AMP. This project is licensed under the Apache License, Version 2.0. Copyright (c) 2016 Ariel Fernando Rodriguez. For more information see LICENSE.md.
javascript-library react amp-html preact styled-components aphrodite amp server-rendering react-amp amp-react template styledcomponentPlease see the CONTRIBUTING file for information on contributing to the AMP Project. AMP Toolbox is made by the AMP Project, and is licensed under the Apache License, Version 2.0.
amp-html amp amp-toolboxThis is an example of building AMP HTML pages from Bootstrap-based websites. One of the fundamental differences between standard HTML and AMP HTML is that AMP restricts features which can cause negative performance. However, those restrictions also allow the AMP format to guarantee a baseline for performance.
amp-html bootstrap-css amp amphtml bootstrap cssTo run the tests and linter locally, run npm test. The scripts directory has a few scripts that might be useful when developing AMP article features.
amp amp-html team-apps google
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.