Welcome to the Modern Web Guidance Demos repository! This project is a curated collection of legacy web applications designed to showcase how using Modern Web Guidance (MWG) with your AI agent can transform legacy web patterns into modern, performant, accessible, and highly premium user experiences.
These demos serve as interactive playground environments designed with AI-assisted workflows in mind. By cloning these mini-apps, you can work with your AI coding assistant to identify common bottlenecks and practice upgrading legacy code using native web platform APIs.
At this stage, the repository contains the following self-contained mini-app under legacy-demos/:
.
├── README.md # Main project overview and details (this file)
├── LICENSE # Apache 2.0 License
├── CONTRIBUTING.md # Google CLA and contribution guidelines
└── legacy-demos/
└── cozy-nook-bookshop/ # Vanilla JS mini-app (Baseline widely available)
├── README.md # App information and an overivew of legacy patterns
├── public/ # HTML, CSS, and JS source files
└── package.json # Development and bundling scripts (Vite)
To run the Cozy Nook Bookshop demo locally, navigate into its directory, install dependencies, and start the development server:
cd legacy-demos/cozy-nook-bookshop
npm install
npm run devThis project is released under the terms of the Apache 2.0 License. See LICENSE for the full text.
To contribute, please read CONTRIBUTING.md for information on signing the Google Contributor License Agreement (CLA).
Important
This is not an officially supported Google product. This project is not eligible for the Google Open Source Software Vulnerability Rewards Program.
Note
This project is intended for demonstration purposes only. It is not intended for use in a production environment.