50 Advanced HTML5 Demos to show It’s Power

Posted in Freebies • Posted on 26 Comments

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

Tunneler

2. JuicyDrop

juicydrop

3. Magnetic

Magnetic

4. Trail

Trail

5. Sinuous

Sinuous q

6. DDD

DDD

7. Harmony

harmony

8. Lines go all over the place.

Lines go all over the place.

9. Chrome Canopy

Chrome Canopy

10. Ball Pool

Ball Pool

11. Chain Reaction

Chain Reaction

12. Entanglement

Entanglement

13. Blob

Blob

14. Biolab Disaster

Biolab Disaster

15. Google Gravity

Google Gravity

16. Core

Core

17. Gartic

Gartic

18. HTML5 Video Destruction

HTML5 Video Destruction

19. The tristan washing machine

the trista

20. Changing Background

Background Changing

21. HTML5 Drum Kit

HTML5 Drum Kit

22. Dynamic Content Injection

Dynamic Content Injection

23. Geolocation

Geolocation

24. Video for Everybody!

Video for Everybod

25. Projekktor Zwei

Projekktor

26. ContentEditable

ContentEditable

27. Drag and drop

Drag and drop

28. Canvas Photo

Canvas Photo

29. 360° MP3 player

360° MP3 player

30. JaVortex

JaVortex

31. 3D Model Viewer

Javascript 3D Model Viewer

32. 3D Landscape on HTML5 canvas

3D Landscape

33. Stalk Buttons

Stalk Buttons

34. JavaScript Fireworks

JavaScript Fireworks

35. Blob Sallad

Blob Sallad

36. SublimeVideo

SublimeVideo

37. Catch it!

Catch it!

38. Breakout Clone

Breakout Clone

39. Sketchpad

Sketchpad

40. Simple Drag and Drop

Simple Drag and Drop

41. CanvasPaint

CanvasPaint

42. Monster

Monster

43. Making waves with html5

making waves

44. Starfield

Starfield

45. The mesmerizer

The mesmerizer

46. Bomomo

bomomo

47. Canvas Nebula

Canvas Nebulaq

48. Liquid Particles

Liquid Particles

49. Moving Cloth in HTML5

Moving Cloth in HTML5

50. CanvasMol

CanvasMol

80 Written ArticlesWebsiteGoogle+

Professional design writer and SEO expert. Trying to change my life with hard work.

26 Comments Best Comments First
  • more

    Saturday, August 13th, 2011 12:51

    20

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

    +2
  • Sonu Jose Mathew

    Wednesday, December 1st, 2010 09:17

    17

    Really fantastic,give us its tutorials also.

    +1
  • ivan

    Tuesday, November 29th, 2011 17:04

    22

    i haven’t learned about html5 but it’s interestig

    +1
  • ivan

    Tuesday, November 29th, 2011 17:06

    23

    i havenot learned about this but i think this’s interesting for me now

    +1
  • Forbc

    Friday, November 5th, 2010 23:45

    16

    Great collection! Quick fix: Title should be Its, not It’s. Thanks.

    +1
  • Ludvig

    Friday, October 29th, 2010 08:45

    15

    Extremely impressive demos. Seen a few of them earlier but there where a few gems there I’ve missed.

    Can’t wait to get some time over to try and make something like this for myself as well.

    0
  • Kostas Koliou

    Wednesday, October 27th, 2010 15:00

    14

    Very nice collection

    0
  • Yongning Liang

    Saturday, October 23rd, 2010 13:15

    1

    Awesome!

    0
  • Rahul

    Sunday, October 24th, 2010 13:16

    6

    rich content depend all the time on good work concentrated on appearance and this is awesome really !!! Nice collection !! : )

    0
  • andi ntagas

    Sunday, October 24th, 2010 22:27

    7

    Very nice slideshow, i think html5 is very interesting. I will also make my website in html5, if i have enough time.

    0
  • Carlos Cruz

    Tuesday, October 26th, 2010 10:52

    13

    If this is the power of html5 it’s kinda sad. Most of these things could be done years ago with flash…

    0
  • guska076

    Wednesday, February 9th, 2011 13:58

    18

    I see beatiful 3d grapher in html5 canvas.

    0
  • JT

    Friday, February 3rd, 2012 07:57

    25

    You know your title has a very large grammatical error, right? “It’s” should just be “Its”.

    0
  • Pablo Neirotti

    Sunday, December 11th, 2011 02:57

    24

    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 =)

    Thanks! =)

    0
  • Chad Bannister Hedgcock

    Saturday, June 25th, 2011 01:09

    19

    What we see here is fancy fingerpaint. It is pretty, but is it useful? Will corporations want to invest manpower into into it? No, they won’t. If that is all HTML5 is used for, it will die. There needs to be an integration between engineering and design (use and aesthetic). HTML5 can accomplish this, but no developer that I know of has attempted it yet.

    0
  • Alexander 'Bambi' Sadler

    Monday, October 25th, 2010 08:13

    9

    This is interesting but apart from the drawing app that DeviantART made, I still have yet too see any real practical implementation of these kind of HTML5 features…

    -1
  • Neha

    Wednesday, February 15th, 2012 08:31

    26

    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!!:)

    -1
  • Shunsuke Takei

    Tuesday, October 26th, 2010 04:35

    12

    so i need to understand html5….

    -1
  • Vasuki

    Tuesday, October 11th, 2011 14:06

    21

    Its amazing.. But is there any option in html5 to track changes as we do in MS word?

    -1
  • Ahmad

    Saturday, October 23rd, 2010 18:20

    3

    Very nice collection Html 5 +++

    -2
  • Enursa

    Sunday, October 24th, 2010 03:09

    4

    Good job. You always have good collection. It help for inspirations.

    Keep up

    -2
  • Johann

    Saturday, October 23rd, 2010 12:28

    2

    Thx for this wonderful collection. Always good for stimulating creativity.

    -2
  • Ken Buis

    Sunday, October 24th, 2010 20:01

    8

    Fantastic list. Thanks for putting this together

    -2
  • Shuntaka

    Sunday, October 24th, 2010 09:11

    5

    Amazing list. Thank you

    -2
  • Shrikrishna Meena

    Monday, October 25th, 2010 17:19

    11

    Never given a try to learn about html5, But really your article shows some interesting snapshots… will check it out at free time.

    -2
  • Benjieboo

    Monday, October 25th, 2010 14:34

    10

    amazing stuff!

    -3
  • Neha

    Wednesday, February 15th, 2012 08:31

    26

    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!!:)

    -1
  • JT

    Friday, February 3rd, 2012 07:57

    25

    You know your title has a very large grammatical error, right? “It’s” should just be “Its”.

    0
  • Pablo Neirotti

    Sunday, December 11th, 2011 02:57

    24

    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 =)

    Thanks! =)

    0
  • ivan

    Tuesday, November 29th, 2011 17:06

    23

    i havenot learned about this but i think this’s interesting for me now

    +1
  • ivan

    Tuesday, November 29th, 2011 17:04

    22

    i haven’t learned about html5 but it’s interestig

    +1
  • Vasuki

    Tuesday, October 11th, 2011 14:06

    21

    Its amazing.. But is there any option in html5 to track changes as we do in MS word?

    -1
  • more

    Saturday, August 13th, 2011 12:51

    20

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

    +2
  • Chad Bannister Hedgcock

    Saturday, June 25th, 2011 01:09

    19

    What we see here is fancy fingerpaint. It is pretty, but is it useful? Will corporations want to invest manpower into into it? No, they won’t. If that is all HTML5 is used for, it will die. There needs to be an integration between engineering and design (use and aesthetic). HTML5 can accomplish this, but no developer that I know of has attempted it yet.

    0
  • guska076

    Wednesday, February 9th, 2011 13:58

    18

    I see beatiful 3d grapher in html5 canvas.

    0
  • Sonu Jose Mathew

    Wednesday, December 1st, 2010 09:17

    17

    Really fantastic,give us its tutorials also.

    +1
  • Forbc

    Friday, November 5th, 2010 23:45

    16

    Great collection! Quick fix: Title should be Its, not It’s. Thanks.

    +1
  • Ludvig

    Friday, October 29th, 2010 08:45

    15

    Extremely impressive demos. Seen a few of them earlier but there where a few gems there I’ve missed.

    Can’t wait to get some time over to try and make something like this for myself as well.

    0
  • Kostas Koliou

    Wednesday, October 27th, 2010 15:00

    14

    Very nice collection

    0
  • Carlos Cruz

    Tuesday, October 26th, 2010 10:52

    13

    If this is the power of html5 it’s kinda sad. Most of these things could be done years ago with flash…

    0
  • Shunsuke Takei

    Tuesday, October 26th, 2010 04:35

    12

    so i need to understand html5….

    -1
  • Shrikrishna Meena

    Monday, October 25th, 2010 17:19

    11

    Never given a try to learn about html5, But really your article shows some interesting snapshots… will check it out at free time.

    -2
  • Benjieboo

    Monday, October 25th, 2010 14:34

    10

    amazing stuff!

    -3
  • Alexander 'Bambi' Sadler

    Monday, October 25th, 2010 08:13

    9

    This is interesting but apart from the drawing app that DeviantART made, I still have yet too see any real practical implementation of these kind of HTML5 features…

    -1
  • Ken Buis

    Sunday, October 24th, 2010 20:01

    8

    Fantastic list. Thanks for putting this together

    -2
  • andi ntagas

    Sunday, October 24th, 2010 22:27

    7

    Very nice slideshow, i think html5 is very interesting. I will also make my website in html5, if i have enough time.

    0
  • Rahul

    Sunday, October 24th, 2010 13:16

    6

    rich content depend all the time on good work concentrated on appearance and this is awesome really !!! Nice collection !! : )

    0
  • Shuntaka

    Sunday, October 24th, 2010 09:11

    5

    Amazing list. Thank you

    -2
  • Enursa

    Sunday, October 24th, 2010 03:09

    4

    Good job. You always have good collection. It help for inspirations.

    Keep up

    -2
  • Ahmad

    Saturday, October 23rd, 2010 18:20

    3

    Very nice collection Html 5 +++

    -2
  • Johann

    Saturday, October 23rd, 2010 12:28

    2

    Thx for this wonderful collection. Always good for stimulating creativity.

    -2
  • Yongning Liang

    Saturday, October 23rd, 2010 13:15

    1

    Awesome!

    0

Comments are closed.

54.91.137.223 - unknown - unknown - US