What is a progressive web app? See the “Progressive Web Apps” talk by Alex Russell and Andreas Bovens.
We’re happy to feature other nice-looking progressive web apps in the list. They should:
short_name
and name
, start_url
, and a PNG icon of at least 144×144 pixels.start_url
functions offline).This combination of features will trigger the web app install banner in Opera and Chrome (to trigger it on the first visit, we recommend enabling Bypass user engagement checks option in chrome:flags
or opera:flags
), unless the site is intercepting onbeforeinstallprompt
. In the latter case, the banner is triggered at a custom point in time, defined by the site’s own logic.
apps
folder.<a class="list__item app js-app"
href="https://github.com/pwarocks/pwa.rocks/blob/master/URL"
data-app="ID"
data-tags="TAGS">
<div class="app__wrapper">
<h2 class="app__title">
TITLE
</h2>
</div>
<style>
[data-app='ID'] {
color: COLOR;
background: currentColor url(apps/ID.svg) 50% 50% / 50% auto no-repeat;
}
</style>
</a>
src/index.html
file in your browser.For full-scaled development and testing you can use the build system:
npm run server
for the dev server and light build.npm run build
for the full build with caching.