What this site is.
A demonstration of the modern web platform features that ship in Safari on iPadOS, built so you can actually experience them — press a Pencil into a real canvas, tilt the iPad into a real sensor, install the site to a real home screen.
Why iPadOS specifically?
iPad is the place where browser features tend to land in the most tactile form: an Apple Pencil with pressure and tilt, a wide-gamut P3 display, a gyroscope you can spin in your hands, a real share sheet, real Add-to-Home-Screen, real haptics. A lot of these APIs exist on every modern browser, but it's iPad where they feel like an integrated device rather than a viewport.
Most demos render something on a desktop browser, but each page is honest about what it can't do where you're viewing it.
How it was built
- Plain HTML, CSS, and JavaScript. No framework, no bundler, no build step.
- A single shared stylesheet provides the design system; each demo adds at most one tiny script of its own.
- Pages navigate to each other through Safari's cross-document View Transitions — the soft cross-fade between any two pages is the browser doing it for us.
- Deployed as static files to Cloudflare Pages.
Privacy
No analytics, no cookies, no tracking. Some demos ask for camera, microphone, or motion access — granting permission only lets them render in this tab. Nothing is recorded, stored, or sent anywhere.
Browser support
The site is built Safari-first. It still loads in Chrome, Firefox, and desktop Safari, but a handful of demos lean on iPadOS-only behavior (Pencil pressure, the iOS DeviceMotion permission prompt, Add to Home Screen as the PWA install gesture). When something isn't available, the page detects it and tells you what you'd otherwise see.
Credits
Designed and built for gcameron00/demo-site. Inspired by Apple's WWDC web sessions and the WebKit blog.
See IMPLEMENTATION_PLAN.md for the full roadmap.