html-in-canvas transition

My feed has been flooded with HTML-in-canvas examples lately.

One of the coolest demos I’ve seen came from Zsolt Kacso (@kaolti on X).

The effect shows a regular website, but instead of switching between dark and light mode, it switches between human and agent mode: one view for the website, another for the MCP spec.

Credits: @kaolti

Notice:

Since html-in-canvas is a new WICG proposal, it is currently hidden behind a feature flag in Chrome Canary (typically version 146 or higher).

1. Download and open Google Chrome Canary.
2. Type chrome://flags/#canvas-draw-element into the address bar and press Enter.
3. Locate the Canvas Draw Element flag.
4. Change the setting to Enabled.
5. Click the Relaunch button at the bottom of the window to apply changes.