

Think of the candy shell as where many Progressive Web App features can live. This layer can vary in color and the experience can vary depending on the capabilities of the browser using it. The peanut is your content, the chocolate coating is your presentation layer and your JavaScript is the hard candy shell.

Progressive enhancement is a backbone of the model.Īaron Gustafson likened progressive enhancement to a peanut M&M. It's important to remember that Progressive Web Apps work everywhere but are supercharged in modern browsers.

They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web's low friction at every moment. Progressive Web Apps use modern web capabilities to deliver an app-like user experience.
