Line25

25 Interactive HTML Websites That Look Like Flash

Read the full post

Remember those cool interactive media rich websites that were built with Flash? They would often feature full screen layouts, animated elements and futuristic interfaces that made HTML websites look plain and boring. Unfortunately Flash brought along all kinds of problems from inaccessibility to high processor loads, but these days similar styles of website are being built using HTML5, CSS3 and Javascript libraries such as jQuery. This post rounds up a collection of super cool HTML websites that feature all those clever effects we loved about Flash websites of years past.

Salt Surf

View the website

Blacknegative

View the website

Beyonce

View the website

TAG Interativa

View the website

Lend Your Leg

View the website

Michel Doudin

View the website

OATBook

View the website

Mercedes-Benz A-Class

View the website

Martin Gauer

View the website

Team Viget

View the website

Adidas Design Studios

View the website

Keystone Logistics

View the website

Ben the Bodyguard

View the website

Twenty8Twelve

View the website

Planoform

View the website

The Kitchen Community

View the website

X-Doria

View the website

Kolonien

View the website

Socket Studios

View the website

Love & Luxe

View the website

Evolution Bureau

View the website

A Book of Beards

View the website

Blind Barber

View the website

Nike Better World

View the website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://www.webtutorialplus.com/ Gunjesh

    CSS3 and jQuery combo has the capability to create highly interactive effects which make these websites real cool! Thanks for this beautiful collection!

  • Davor

    Yes, jQuery+CSS3 deserved to be used in such an advanced fashion in creating interactive user experience. Awesome website selection as always. :)

  • Brussells

    Awesome, awe-inspiring collection! Some really great examples on how to make the browsing experience interactive but not distract from the content.
    Definitely going to bookmark a lot of these, as well as this very page, for inspiration.

  • Adam

    This is utterly amazing. So inspiring to see people create clean, interactive, stunning web pages. This will be looked at again and again! Cheers Chris.

  • Alex

    Stunning sites, deffo book marked for inspiration!

    Just thought I'd let you know that the link to the blacknegative site is broken, its leading to the url in your site :)

    Thanks Chris!

  • http://www.spinxwebdesignnewyork.com/ Alex Braker

    Wow, really amazing collection of HTML websites. You can create such effects by using CSS3 and JQuery. By using these two technologies, you can give such interactive effects in the websites.

  • http://ajtroxell.com AJ Troxell

    Great list. It's amazing how far web technologies have come in recent years. Seems like yesterday it was table based websites and Geocities hahaha

  • http://sswebdesigner.com SanChy

    Awesome collection!! Long live Html5!!

  • http://sivas.mustafadolmaz.com mustafa

    really nice. thanks

  • http://www.oatbook.co.uk Rob

    Thanks for featuring OATBook :)

  • http://www.arterruption.net Sally

    Beyonce site above is such a good example of how HTML5, CSS3 and JS pushed the limit. Amazing site

  • goulniky

    few of these actually rely on HTML5, even its smallest subset. they're based on plain HTML, CSS and jQuery (i.e. javascript).
    it seems to me that the real challenge at this stage is the lack of high-level tools to dispense from programming skills for achieving these effects

  • http://www.project14.co.uk Luc

    Another one I came across the other day: http://transformersgame.com – some great use of the transform:; property to mimic what was once Flash only.

  • http://www.tallhat.com/templates/slidexy tallhat

    Nice selection – if anyone is interested have a look too at this new HTML5 template – Slidexy – that we’ve put together: http://www.tallhat.com/templates/slidexy/ – it uses jQuery scrolling and is 'responsive' as it also presents the same content well on iPhone and iPad. It 'spreads' the content for 2D scrolling using JS.

  • http://www.urbanmedia.co.uk High Wycombe Web Design

    Great collection Chris. Takes me back to when Dreamweaver 2.0 came out with a 'timeline'. You could animate elements as in Flash, but the dhtml code it created was, well, lets just say chunky! I should see if I have it backed up somewhere…

  • http://www.hellopixels.com Freelance Web Designer Abu dhabi

    Really informative!!!Thanks for posting.Looking forward for more.Great job…

  • http://www.theofficeescape.com/ The Office Escape

    Yeah, we all know that CSS3 and jQuery is the best combo for Web Designing. It’s useful to the world of design – realistic, precise and best. Using those two is good stuff. Actually our Website has jQuey and CSS3. Look the difference with it ?

  • http://www.ianjamescox.com Ian James Cox

    Wonder if my site would have made the list if I launched sooner…

  • http://www.haartyhanks.com/ Haarty Hanks

    Awesome collection!!
    HTML+CSS3+JQuery=Flash
    Mind Blowing…

  • http://www.webwox.com Lalit Vijay

    HTML{HTML 5}+CSS3+AJAX{J-Query-mootools etc.}
    Are making things more lucrative than ever before and it really deserve this kind on reflexes too.

  • David

    Have a look at http://www.domperignon.com. That's full HTML and iPad compatible, and completely different than the usual Parallax stuff.

  • http://www.zeidan.com.au Zeidan

    Excellent post Chris! Great collection. Flash websites are very popular these days, and they can make very new looking sites.

  • Web desain

    Css3 + jquery realy cool

  • http://www.landingwebdesign.com Will S

    The portfolio page by Michel Doudin
    is super cool. Im totally creating something along that line in the futre.

  • http://www.rustymonkey.com Rusty Monkey Web Design Nottingham

    really cool collection, especially like the book of beards site purely because of the not-for-profit charitable cause behind it. Not many websites created for a charitable purpose are well designed so hats off to him!

  • http://www.guruinfoways.com Steev

    Awesome …..websites design ! thanks for sharing

  • http://www.7ooof.net/ bomazen

    really cool websites design

  • http://www.tutosytips.com johanso

    HTML5 is definitely the best, bye flash

  • Mike

    Realy nice blog !! great content i will keep, added to my favs .

    Salt website looks incredible pure beauty .

    • Mike

      i have been doin as/flash animation for a long time, you cant compare html5 to flash they both totaly different things. you will never be able to do in html5/css3/js what flash can do since flash is related/working with motion graphics software like motion or ae.

  • http://www.websitetemplates.org/ Alex

    Thanks for the great samples of sites that look like Flash but actually are not. That's just great. Most of my friends don't buy that it's not Flash. I bet and earn money :)

  • http://webdesy.com/blog/ Kenneth

    yeah, js and its libraries are all the rage nowadays. I'm sure that before long flash will be used exclusively in gaming because most of the effects Flash is known for will be replaced by all sorts of JavaScript libraries like jQuery and such.

  • http://www.giancarlomarcelli.com Giancarlo

    Bye Flash! It was nice knowing you, but you're killing my CPU and heating up my MacBook now. HTML5, CSS3 and jQuery are the way to be!

  • http://www.pixels-paper.nl/ Jelmer