30 New Amazing HTML5 Websites For Inspiration

Since the W3C have officialized HTML5 in 2007, there are more and more sites on the web who engage in this HTML’s revival . The novelty lies in the organization of the elements and their structures. Coupled with CSS3, we are witnessing the emergence of sites with a brand new design and ergonomics. The possibilities are endless and leave a place for the designers creativity.

In this article, I tried compiling a list of 30 new inspiring HTML5 web design showcase , to see how designers use HTML5 technology to make their websites looks classy, strong and attractive.

Recommended: Love Arcade Games? Check Out These 5 Popular Games Websites (Blogs)

Expedia: Find Your Story

‘Expedia: Find Your Story’ is an HTML5 based interactive video and photo personalised storytelling experience which allows users to upload and create an online storyboard of a recent life changing journey.

HTML5 websites : Expedia: Find Your Story

Vacheron Constantin – Florilège

Vacheron Constantin presents Métiers d’Art Florilège : three exceptional models exclusively for women.A full interactive experience in CSS3 / HTML5

HTML5 websites : Vacheron Constantin - Florilège

Who is Morgan Stanley?

Utilizing HTML5 & WebKit masking, this site defines Morgan Stanley’s timeless values. Images of industry overlaid with portraits of employees help reinforce the idea of capitalism with a responsible human touch.

HTML5 websites : Who is Morgan Stanley?

HexGL

HexGL is a futuristic racing game built by Thibaut Despoulain (BKcore) using HTML5, Javascript and WebGL. Challenge your friends on this fast-paced 3D game directly inside your browser!

HTML5 websites : HexGL

Bossa

Scrolling just got more fun! To celebrate the launch of Bossa, our new digital production company, we created an HTML5 experiment, so you can come visit us in our office in Soho. You are welcome anytime!

HTML5 websites : Bossa

Universeries by OCS

This is the brand new version of Universeries for french broadcast channel OCS. Universeries is the ultimate guide to american TV shows and showrunners, now in HTML5 Canvas,Drupal, JS and CSSS3.

HTML5 websites : Universeries by OCS

REI 1440 Project

BBDO Atlanta came to Resn with an idea to fill an entire day with images. Resn ran with the idea and created the REI 1440 Project, a minute-by-minute timeline of photography, with a visual HTML5 responsive design.

HTML5 websites : REI 1440 Project

Peanut Gallery

Peanut Gallery is a web experiment that lets you create and share silent film clips by using voice recognition to create title cards. It’s built entirely in HTML5 and uses the new Web Speech API in Google Chrome.

HTML5 websites : Peanut Gallery

Explore Touch with Microsoft IE 10

An HTML5 site that lets consumers use interactive touch gestures to mix audio files and create custom sound tracks with the swipe of their fingers.

HTML5 websites : Explore Touch with Microsoft IE 10

RVLT

RVLT just launched their brand new website – mixing cool drag functionality with a jumbled grid. The website is built using HTML5 and Javascript, and optimized for desktop, tablets and smartphones.

HTML5 websites : RVLT

Atari Arcade

All your favorite Atari classics, from Asteroids to Centipede, redesigned in HTML5 with brand new graphics, and incredible touch gameplay on IE10.

HTML5 websites : Atari Arcade

Project Prometheus Training Center

Beautifully rendered in HTML5, the Project Prometheus Training Center challenges users with a series of physical and cognitive assessments to see if they have what it takes to join the USCSS Prometheus crew.

HTML5 websites : Project Prometheus Training Center

Whois Wildlife

A new take on the classic studio one-sheet. Built in HTML5 for the digital age, relating the legend of Wildlife.

HTML5 websites : Whois Wildlife

Creative Sandbox Guidebook

The Digital Creativity Guidebook is a 3D pop-up book presenting the advertising opportunities with Google products. It is built on a custom 3D engine using only Javascript, HTML5 and CSS3.

HTML5 websites : Creative Sandbox Guidebook

Pi’s Epic Journey

Journey behind the scenes in this stunning HTML5 experience and explore how Life of Pi’s award-winning moments were brought to life.

HTML5 websites : Pi's Epic Journey

Paranorman

You don’t become a hero by being normal. Enter Norman’s world and unlock secret content in this HTML5 site that works across desktop and device.

HTML5 websites : Paranorman

Healing Histories v1.0

Explore the stories of struggling New Orleans’ residents rebuilding their community post Hurricane Katrina. The first in a HTML5 series that works across desktop & device.

HTML5 websites : Healing Histories v1.0

Range Rover Evoque – Victoria Beckham

This immersive, highly visual parallax scrolling HTML5 experience tells the story of the collaboration that went into creating the Range Rover Special Edition with Victoria Beckham and is also viewable on iPad.

HTML5 websites : Range Rover Evoque - Victoria Beckham

RUN PUMA RUN

Old school 8-bit style graphics are brought to life by leveraging new technologies including JavaScript, HTML5, and Canvas. The result is a fun and engaging gaming experience for PUMA consumers.

HTML5 websites : RUN PUMA RUN

Magic Leap

A cacophony of visual experiments and mind boggling HTML5 craftiness.

HTML5 websites : Magic Leap

Light & Shadows

Light and Shadows is an agency specialised in virtualization of complex indistrual products using photo-realistic technology. We used the HTML5 technology to produce a unique and immersive experience.

HTML5 websites : Light & Shadows

Flash V HTML

Flash VS HTML is an HTML5 study of the current landscape for creating gaming and rich interaction, presenting Flash & HTML iterations of the same game [download android games apk for free]. It uses a custom 2D webGL renderer with canvas fallback.

HTML5 websites : Flash V HTML

Experiment 500

An interactive compilation of 500 HTML5, JavaScript and WebGL experiments from the website ChromeExperiments.com.

HTML5 websites : Experiment 500

Lux Ahoy – HTML5 Game

Are you pirate enough to play Lux Ahoy? Cannon balls be flying’ in this high seas HTML5 desktop and mobile adventure.

HTML5 websites : Lux Ahoy - HTML5 Game

BOKS QUIZ

A quiz to build awareness for Reebok’s non-profit BOKS program, a before-school physical activity program designed to prepare children for a day of learning. Built in HTML5 and Javascript.

HTML5 websites : BOKS QUIZ

Your Future Bottle

Design the next Heineken Limited Edition bottle by ‘remixing’ treasured images from the brand’s 140 year past. Using WebGL and HTML5 the Facebook application transforms the 2D designs into lifelike 3D bottles.

HTML5 websites : Your Future Bottle

Jack The Giant Slayer

An ancient war is reignited when a young farmhand unwittingly opens a gateway between our world and a fearsome race of giants. Serving a full dose of HTML5 video, this is the official site for Jack The Giant Slayer.

HTML5 websites : Jack The Giant Slayer

RED Interactive Agency Website

The HTML5 site pushes the limits of interactive tech to introduce users to RED’s portfolio & the creative minds behind it. iPad & iPhone compatible, view digital projects, videos, facts & more at home or on-the-go.

HTML5 websites : RED Interactive Agency Website

Ritter Sport – 100 years of Ritter

We created a HTML5 web special for the 100th anniversary of the chocolate maker Ritter. The focus of the site is to explore Ritter’s history on an interactive wall, presented in text, picture, animation and movie.

HTML5 websites : Ritter Sport - 100 years of Ritter