The web platform, the way Safari shows it off.
A hand-built tour of the browser features that make a modern iPad feel
alive — Apple Pencil pressure on a real canvas, scroll-driven motion on
a real scroll surface, glassmorphism that really uses
backdrop-filter, and a dozen more, with nothing between
you and the platform.
Pick a demo
Every tile below is a self-contained page. Tap any of them — they work best on iPad in Safari, but each one gracefully tells you what you'd see if you were.
Apple Pencil & touch
Draw on a canvas that reads pressure, tilt, and pointer type from real hardware.
Pointer EventsGlassmorphism
A panel that frosts whatever is behind it using backdrop-filter.
Scroll-driven animation
Motion that runs on scroll position rather than time, with snap.
CSSTilt the iPad
Read the gyroscope and accelerometer in real time, with the iOS permission prompt.
SensorsWebGL 3D
An interactive 3D scene you can spin with a finger or the Pencil.
GraphicsWeb Audio synth
A touchable keyboard built from a single oscillator graph.
AudioSpeech synthesis
Have the page read itself aloud, in any voice your iPad knows.
SpeechWide-gamut color
Reds and greens that don't exist in sRGB, courtesy of P3.
CSSWeb Share
Open the iPadOS share sheet from a button — the same one the system uses.
PlatformCamera preview
Live getUserMedia stream, with a snapshot button. Nothing leaves the page.
Modern CSS
:has(), container queries, dvh — all in one page.
Add to Home Screen
Install this site as a PWA and watch it switch to standalone mode.
PWA