Pick your build, drop it in, and start teaching code with style.
PWAxcode ships as lightweight, framework-agnostic assets. You can self-host the files, use a package manager, or reference a CDN. Below you’ll find the options, a minimal setup, and a few useful checks.
.css next to your JS, or pipe it through your asset pipeline.
To display the toolbar and footer icons inside PWAxcode containers (e.g., play/pause, search, fullscreen), you must include Font Awesome 6 on your page. The library is not bundled to keep the core lightweight.
Use your Kit ID from your Font Awesome account.
Download the package and serve all.min.css + webfonts from your own domain.
all.min.css resolve correctly (keep default folder structure or update url() paths).sr-only text alongside the icon).
For best results, load the CSS, avoid blocking the main thread during init, and honor
prefers-reduced-motion in your theme CSS.
PWAxcode is released under the MIT License — a permissive open-source license that allows use, modification, and redistribution for commercial and non-commercial purposes. Please include the copyright and permission notice in your distributions. See LICENSE for details.
Start with the minimal setup, then fine-tune options in Usage & Reference. When you’re ready to teach, script your first tour with the Player and make it yours with custom themes.