html5demos
Collection of hacks and demos showing capability of HTML5 apps
A retired collection of self-contained HTML files demonstrating what HTML5-era browsers can do, canvas, audio, video, and events, designed so anyone can view source and learn from each example.
HTML5 Demos is a collection of small web experiments built to show what HTML5-era browsers can do. Each demo is a self-contained HTML file designed so that anyone can view its source code and learn from it directly. The README notes that the project is now retired and no longer live or maintained, though the code remains available.
The original goal was to provide working examples of browser capabilities that other developers and learners could study. Demos cover things like audio, video, canvas, and event handling, with notes on which browsers supported each feature at the time the demos were written.
The project is structured around a simple template: create an HTML file in the demos directory, add your markup and JavaScript, and it gets wrapped in a consistent page layout when served. Any JavaScript libraries go in a shared folder, and media assets like video or audio files go in an assets folder. The README also lists some areas the project intended to cover but never fully completed, including more canvas examples, WebSockets, and SVG.
All code is released under the MIT license. Demo content is covered by Creative Commons Share Alike 2.0, meaning it can be reused and adapted as long as credit and the same license terms are preserved.
Where it fits
- Study working HTML5 canvas, audio, and video examples by reading the source code of each standalone file.
- Copy a self-contained demo as a starting point for your own browser experiment with no build tools needed.
- Check browser compatibility notes baked into each demo to understand which features were supported at the time.
- Use the simple demo template structure, HTML file in demos folder plus shared JS and assets, to build your own showcase.