30 Beautiful Examples of Grunge in Web Design

Grunge is a stylish design trend that gives web designs a less uniform, less structured, and more organic look-and-feel. It’s characterized by textured/gritty backgrounds, uneven/torn edges, worn, faded and aged graphic elements inspired by urban and industrial architecture and scenery. It gives a way for designers to venture away from the glossy, flashy, and rigid design elements that characterize the "Web 2.0"style – a style that still dominates mainstream web design.

In this collection, you’ll find 30 excellent examples of grunge in web design for your inspiration. From portfolios and fashion websites to online stores and church sites – you’ll find a variety of websites that choose to "dirty up" their web design.


Cogitatur - screen shot.


TROZO GALLERY - screen shot.

The Lippincott

The Lippincott - screen shot.

Von Dutch Originals

Von Dutch Originals - screen shot.


Bridge55 - screen shot.

James Lai Creative

James Lai Creative - screen shot.

Biola Undergrad

Biola Undergrad - screen shot.

The Trian Woodburns

The Trian Woodburns - screen shot.

revolution church

revolution church - screen shot.

Jared Campbell

Jared Campbell - screen shot.

nYq Design Studio

nYq Design Studio - screen shot.

Jeremy Zevin

Jeremy Zevin - screen shot.

Sarah Hyland

Sarah Hyland - screen shot.

Casio Exilim Lab

Casio Exilim Lab - screen shot.

The Farmer & The Chef

The Farmer & The Chef - screen shot.

Syc Fuk

Syc Fuk - screen shot.

Red9ine Tattoos

Red9ine Tattoos - screen shot.

Xperience 08

Xperience 08 - screen shot.

Meagan Fisher

Meagan Fisher - screen shot.

Soma Communities

Soma Communities - screen shot.

Dirty Pretty Things

Dirty Pretty Things - screen shot.

Bristol Archive Records

Bristol Archive Records - screen shot.


{ths} - screen shot.

Gary Nock

Gary Nock - screen shot.

Elliot Jay Stocks

Elliot Jay Stocks - screen shot.

Bart-Jan Verhoef

Bart-Jan Verhoef - screen shot.

Ali Felski

Ali Felski - screen shot.


POWER TO THE POSTER - screen shot.


Lataka - screen shot.

Sourcebits TangledDecals

Sourcebits TangledDecals - screen shot.

Your thoughts?

Why do designers choose grunge themes? Are there benefits towards straying away from the mainstream design trends? Share your thoughts in the comments!

Related Content

This was published on Nov 15, 2008

80 Comments Nov 15 2008

Some really good designs, I specially like the ones with a 50’s, 60’s feel.

I love the grungy feel – I have considered using a grunge design on my blog, but it don’t think it fits the mood right.
However, many of the websites that use the grunge designs in this article are very formal websites, which shows how effective and popular grunge has become

weblizzer Nov 16 2008

i like this mostly,…. i’ve bookmark some of the sites..

Johnathan Nov 16 2008

I would like to suggest a site I enjoy, it has a little grunge to it I think.

SPFLDnet Nov 16 2008

It’s like the Blues. You get five tunes, and tens of thousands of stories.

Brilliant stuff, I really REALLY love the design on Gary Nock’s website. Great collection Jacob.

Ann Storer Nov 16 2008

Beautiful stuff! It seems like grunge is everywhere on the web these days, but I don’t care if it’s trendy — I really like it. Thanks for posting these.

Online hry zdarma Nov 16 2008

I like Soma Communities – it is look very good …

Thanks :)

I really like the Von Dutch bridge55 designs.

supposidly gunge is on the way out, but i dont care as it defines certain peoples styles, these are some great designs.

Awesome – opened MY eyes – thanks!

Alex Linebrink Nov 16 2008

Awesome list. I’ve seen quite a few before, but many are new, and look GREAT.

Here’s another:

Web Design Nov 16 2008

Great list. Some of the grunge design in the 60s are much better.

Katy Rawson Nov 16 2008

Some great designs here. The Train Woodburns and Ali Felski are my favorites though.

Great list, here’s another:

ntopics Nov 16 2008

Your right! These are beautiful examples of grunge web sites.
Its nice to see artistic qualities in today’s web sites because there’s so much rigid design in web sites today.
Thanks for displaying these examples of grunge web sites
from Tony.

James Allen Nov 16 2008

This stuff looks great, but too many of these sites force the user to scroll in one direction or another. Here’s a great grungy design that doesn’t force the user to scroll to see everything at once (navigation takes care of that in a nice web 2.0 way):

snowkage Nov 16 2008

lots of good textures here on this new site

I love designed by wa007. From the list above, Elliot Jay Stocks is also one of my favs.

Very nice list – good to see some new ones instead of the same ones I see on all the other grunge example posts.

Studio1Z Nov 16 2008

I like all your designs, beautiful work!

Rishi Luchun Nov 16 2008

I normally prefer the more clean looking websites, but these have really grown on me. nice works.

Some are nice, but I’m honestly getting tired of the grunge trend.

Bangbouh Stock Nov 16 2008

Great collection of some very well executed uses of grunge in design. Thanks!

dark laith Nov 16 2008

this is a nice design, should’ve made it to the list :(

I’m surprised I didn’t see on here!

As a graphic designer, I was never too fond of Grunge style, but I have to say that these sites pull it off big time. There is a lot of 2.0 effects added to it, so I think that is what makes it look less dark than what a grunge effect usually offers.

i love this type of design.

Really nice designs! The layout’s stands out very nicely and I like the use of colors on the designs.

Great list. Some of the grunge design in the 60s are much better.

Ollie Kavanagh Nov 17 2008

I wouldn’t say I chose grunge for my personal site as its a design theme, more because it defines who I am, if it so happens its the in thing at the moment then so be it.

PureDezigner Nov 17 2008

Great resource for when I redesign my portfolio site. :)

The code view has a little message! Go to the page and choose View Source


waw.. very nice list.. :)

This looks nice too

Panther Nov 19 2008

Great list, can’t get enough of this style. Hope to be an example one of these days!

Roy Van Rivero Nov 19 2008

I like the bridge55, I think it is more suitable for clothing business site. Great list.

Very nice collection, good for inspiration!

another one:

great post i like the first one a lot

Designer Nov 24 2008

woooooooow……gr8 list

Webmaster Forum Nov 26 2008

beautiful works I must say. now these designs mostly suit the blogs. how about e-commerce and other sites.

Bill Biwer Dec 01 2008

Great roundup of websites. Always enjoy checking out what designers are doing with this style.

web design Dec 01 2008

These are absolutely beautiful web designs! I love the Von Dutch design because it shows how grunge can be used subtly to give a design an edgy look. It also shows a fairly popular, “mainstream” company adopting grunge (or at least grunge elements).

Many, many great ideas of webdesign. Thank you for your work to summary this list. Ralph

Fabulous work. I like it.Thanks for such a wonderfull designs.

Anton Napolsky Dec 08 2008

it is beatifull examples!

Killer examples. I am so inspired to start doing web design & development again. Even get back into old school visual arts.

Great list. Some of the grunge design in the 60s are much better.

evertt de sousa Dec 19 2008

very nice this post :)

AliReza Dec 28 2008

Very very very beautiful :)

Karl Francisco Fernandes Feb 22 2009

Simply inspiring… Gonna use a couple of techniques from here…

Karl Francisco Fernandes Feb 23 2009

Just can’t get enough of this style… Biola and nyq are simply mind-blowing… Von Dutch is also unique… Great list!

bia2bama Mar 22 2009

Just can’t get enough of this style… Biola and nyq are simply mind-blowing… Von Dutch is also unique… Great list!

Jennifer Jun 12 2009

These are some great designs! Thanks for posting this.

Andreas Sep 12 2009

I would like to suggest a site I enjoy, it has a little grunge to it I think.

Great roundup of websites. Always enjoy checking out what designers are doing with this style.

Very great list ! Wonderfull design,I love this style !


mortimer Feb 04 2010

Found a grungy german site:

paola lozano Mar 01 2010

Love this examples of grunge style!

my first site ( in grunge style. I’m from Ukraine

I like Soma Communities

I like grung, but not too much of it. I like mixing in a little grunge with some sleek web 3.0 styling. Eliot Jay is a pretty good example. The site wouldn’t be too bad with some simple and subtle gradiances. Of course, the grunge makes it look just perfect.

wantfee Jun 07 2010

I’m planning to creat a grunge style wordpress theme. That gives me more inspration.

Aphrodite Jul 01 2010

There are some beautiful designs here indeedy! The Von Dutch site has been around for years and I think has set some of the ‘standards’ in grunge design.

Smooth Booth Jul 02 2010

Top designs! Love run down urban textures they can really help compliment a site… Bridge 55 is the one that always seems to feature, its quality, the rest look cool aswell tho.

sargarmi Oct 24 2010

Great roundup of websites. Always enjoy checking out what designers are doing with this style.

Thank you for the nice websites. The grunge style is very beautiful. Nice work !

Marianne Jan 09 2011

Some really impressiv inspirations. Like the Site “Dirty Pretty Things” most. Cool styles. Thanks for your list. Best greetings from Germany.

judaica Mar 25 2011

This post was incredibly nicely written, and it also contains several beneficial facts. I appreciated your expert manner of writing this article. You’ve produced it effortless for me to fully grasp.

Though this post is now a few years old, these sites are still lovely. Sarah Hyland’s websites is one of my favorite designs of all time. Thanks for sharing these.

A friends grungy Uk site

Thank you for the nice websites.

Hhen I first read the title, I assumed “grunge” meant most of the sites would have a dirty look but the sites featured in this article are elegant and artistic.

Very great list, i like this style.

This comment section is closed. Please contact us if you have important new information about this post.