index.md

---

title: Demos of open web technologies
slug: Web/Demos

---

Mozilla supports a wide variety of exciting open web technologies, and we encourage their use. This page offers links to interesting demonstrations of these technologies.

If you know of a good demonstration or application of open web technology, please add a link to the appropriate section here.

2D Graphics

Canvas

• Blob Sallad: an interactive blob using JavaScript and canvas (code demos)

• miniPaint: Image editor (source code)

• Zen Photon Garden (source code)

• Multi touch in canvas demo (source code)

SVG

• Bubblemenu (visual effects and interaction)

• Blobular (interactive)

• Summer HTML image map creator (source code)

Video

• Video 3D Animation "mozilla constantly evolving"

• Video 3D Animation "Floating Dance"

• Video 3D Animation "The Gravel Institute: Monopoly

3D Graphics

WebGL

• Web Audio Fireworks

• Aquarium

• Dynamic cubemap

• Kai 'Opua (source code)

Virtual Reality

• The Polar Sea (source code)

• Sechelt fly-through (source code)

CSS

• CSS floating logo "mozilla"

• CSS Blockout

• Rubik's cube

• Loader with blend modes

• CSS-based single page application (source code)

Transformations

• Impress.js (source code)

• Flickr Polaroid Stack

Games

• IoQuake3 (source code)

• Kai 'Opua (source code)

Web APIs

Notifications API

• HTML Notifications (source code)

Web Audio API

• Audio Context states demo

• Audio analyser - graphical visualization of an audio signal

• IIR filter node

• Multi track

• Stereo-panner-node

File API

• Slide My Text - presentation from plain text files

Web Workers

• Web Worker Fractals

• Photo editor

• Coral generator

• Raytracer

• Fibonacci