Test Drive sites and demos

Take a look at our open source collection of showcase sites that feature the latest web platform standards and features

SVG Gradient Background Maker

Use this demo to create SVG-based CSS background-image gradients. The CSS markup works in browsers which support SVG as a background-image including Internet Explorer 9, Chrome, Safari, and Opera.

Web Authentication

This demo showcases how you can log in to a site via Windows Hello. Once you are logged in, you get to see videos of puppies!

Particle Acceleration

This demo uses mathematical models to draw the particles in 3D, using the 2D Context HTML5 Canvas. The faster your underlying browser and computer, the higher your score and faster the particles will spin.

FishIE Tank

Thanks for checking out this site. This demo uses the canvas element to draw fish swimming in a fish tank.

HTML5 Fish Bowl

Find your innner fish.

PenguinMark

HTML5 Penguins, Performance, Web Benchmark, HTML5 Test

Speech Synthesis Demo

Enter text and play it back as speech with different voices and settings

HTML5 Speed Reading

Thanks for checking out this Internet Explorer 9 Platform Preview demo. This demo uses animation techniques to flip 96 letters as fast as possible.

BetaFishIE

HTML5 Fish, Touch and Performance Benchmark, HTML5 Test

Family Friendly

Filter the type of content you receive in your searches

user select

Fine-tune what and how users can select content in your website

JavaScript TypedArrays

Read the file contents of a file using the File API, Blob and Typed Arrays

Touch Effects

This page contains a canvas element registered for DOM touch events. Special effects are applied in response to touch and gesture on the canvas. The buttons control simulation settings. This demo supports multitouch on Windows 8.

HTML5 Sudoku

Test your skills with this full HTML5 Sudoku

Spellchecking

Learn about Internet Explorer's support for spellchecking and how to use it

JavaScript yielding

Compare the difference techniques for script yielding in JavaScript

Performance Examples

A set of example pages to use for analyzing performance

asm.js Chess Battle

This demo pits identical chess engines against each other, one turbo charged for asm.js and one normal JavaScript to demonstrate the benefits of optimization.

Let It Snow

HTML5, Canvas, SVG, CSS3 and more!

Learn how to use WebAudio, WebGL and pointer events thanks to Babylon.js

Music Lounge is an interactive demo that showcase WebGL audio positioning within a minimalistic UI based on babylon.js