Web design New stuff

Dots meet dance beats in Nike's HTML5 experiment

Create your own animated dance track with this cool HTML5 demo created by Field and Nosaj Thing to promote the Nike+ Fuelband.

Is this the coolest HTML5 experiment yet? Certainly the interactive audiovisual experiment to promote the Nike+ Fuelband (see our review here) is enormous fun and strangely addictive.

The site, which you're best off viewing on a desktop computer in a modern browser like Chrome, is a audiovisual feast of colourful abstract dots, which spring to life when you start moving your mouse around.

Start clicking and these little dots start dancing!

You essentially create your own animated dance track in the process - so headphones are essential! Plus we'd recommend the Full Screen option for maximum immersion.

The site was created by Los Angeles studio Fair, with Dinah Moe, David Mikula, Alaa Mendili, and David Knapeg working on the project, with music by Nosaj Thing.

Music is an essential part of the experience, so make sure you're wearing headphones

If you can't make the demo work on your device, check out the video of the site in action below:

Liked this? Read these!

  • 10 stunning examples of animation with CSS3
  • 50 amazing examples of HTML5

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

Social tabs

47K and
growing
Join our Facebook community

Discuss your projects. Win prizes. Get your hands on the best freebies. And much more!

115K across the
network
Follow us on Twitter

Follow us to keep up with the hottest news in 3D, web design, graphic design, and more!

RSS INSTANT
NEWS
Get instant news

Get our posts direct to your news reader of choice. We recommend Google Reader for beginners.

Get our newsletter!

Sign up to receive a summary of the week's hottest design news from around the web! (Coming soon.)

site stat collection