50 Advanced HTML5 Demos to show It’s Power

Posted in Freebies 579 days ago • Written by:

Flash vs HTML5 is one of the hottest topic today , but we are not getting in the argument of which is superior to other and which is not. Flash will always be an awesome choice for rich content web applications and games same as HTML5 in developing cool animations and simple gaming applications unless some major development to be made in future years.

Today we have collected 50 awesome HTML5 demos to show its potential.

1. Tunneler

2. JuicyDrop

3. Magnetic

4. Trail

5. Sinuous

6. DDD

7. Harmony

8. Lines go all over the place.

9. Chrome Canopy

10. Ball Pool

11. Chain Reaction

12. Entanglement

13. Blob

14. Biolab Disaster

15. Google Gravity

16. Core

17. Gartic

18. HTML5 Video Destruction

19. The tristan washing machine

20. Changing Background

21. HTML5 Drum Kit

22. Dynamic Content Injection

23. Geolocation

24. Video for Everybody!

25. Projekktor Zwei

26. ContentEditable

27. Drag and drop

28. Canvas Photo

29. 360° MP3 player

30. JaVortex

31. 3D Model Viewer

32. 3D Landscape on HTML5 canvas

33. Stalk Buttons

34. JavaScript Fireworks

35. Blob Sallad

36. SublimeVideo

37. Catch it!

38. Breakout Clone

39. Sketchpad

40. Simple Drag and Drop

41. CanvasPaint

42. Monster

43. Making waves with html5

44. Starfield

45. The mesmerizer

46. Bomomo

47. Canvas Nebula

48. Liquid Particles

49. Moving Cloth in HTML5

50. CanvasMol

For Further Reading:

Mastering CSS Gradients in Under an Hour

Answering a Designer’s Question: Should I Choose Web or Print?

A Quick Introduction to Ruby on Rails

CSS Tools for Designers and Developers

Did you enjoy this article and found it useful?

Get even more from us:

Follow @1stwebdesigner

Get Our RSS Feed

Article was created by Taimur Asghar

Articles

Visit Taimur Asghar's Website | Follow Taimur Asghar On Twitter

Taimur here, who spent 19 years of my life doing nothing but study. An year back started blogging and it happened to be the best thing ever happened to me, I found what I want to do in spare time. Got lot of exposure and experience about my personal, professional and social life in past 1 year, all because of Blogging. On December, 14th 2010 I turned 20, want to be an accountant, doing ACCA (UK) and part-time Blogging. Living happily with my family in Lahore, Pakistan. Love coffee, adore photography and addicted to music. Owner of Designer's Terminal and AddictiveFonts. You can also follow me on Twitter

33 Brilliant Comments - Join Discussion Now!

dave
Posted 91 days ago
33

Really nice list. I ran across quite cool HTML5 video canvas pixel manipulation demo: http://rocha.la/fun-with-pixels-html5-video-canvas I think it’s worth sharing.
Neha
Posted 99 days ago
32

Hey Pablo..just saw SENSES….gr88 work done man!!…:-)
I also want to design some application with HTML 5…
I have no idea how to start,Can you Please help!!:)
JT
Posted 111 days ago
31

You know your title has a very large grammatical error, right? “It’s” should just be “Its”.
Pablo Neirotti
Posted 165 days ago
30

I made a multimedia player with HTML5 that features Creative Commons content. It’s meant to be open and decentralized. Working on it…!

I would love to hear some feedback =)

Senses – HTML5 multimedia player: http://senses.artpulse.me/

Thanks! =)
ivan
Posted 177 days ago
29

i havenot learned about this but i think this’s interesting for me now
ivan
Posted 177 days ago
28

i haven’t learned about html5 but it’s interestig
Vasuki
Posted 226 days ago
27

Its amazing.. But is there any option in html5 to track changes as we do in MS word?
more
Posted 285 days ago
26

html5 is more than the canvas tag. please change the title to ‘html5 canvas demos’

1 2