50 Beautiful CSS-Based Web-Designs in 2006

Advertisement

2006 was rich on creative, beautiful and unusual design concepts. We’ve seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects – just name it. Let’s take a close look at some of the most beautiful designs we’ve seen in 2006. Links checked: May/29 2008 – 5 outdated designs deleted.

Vibrant Designs

Screenshot1

SteveLeggat.com2

Screenshot3

Emotionslive.co.uk4

Screenshot5

Dinis91.com6

Screenshot7

Joyent.com8

Screenshot9

Haveamint.com10

Screenshot11

Vivabit.com12

Screenshot13

olivier.danchin.neuf.fr14

Screenshot15

Foxie.ru16

Screenshot17

Cameronmoll.com/portfolio18

Screenshot19

Tonyyoo.com/v220

Screenshot21

Komodomedia.com22

Screenshot23

Bartelme.at24

Screenshot25

Quatuour.be26

Screenshot27

Onlinecenter.nu28

Screenshot29

Fall.tnvacation.com30

Screenshot31

Zero.ru32

Screenshot33

Methodarts.com34

Screenshot35

Summer.tnvacation.com36

Screenshot37

Icebrrg.com38

Dark Designs

Screenshot39

Kineda.com40

Screenshot41

Colourmod.com42

Screenshot43

Rikcat.com44

Screenshot45

BeSuperCharged.com46

Screenshot47

Veerle.duoh.com48

Screenshot49

Obuweb.com50

Screenshot51

Slideshowpro.net52

Screenshot53

Whitwa.net54

Light Designs

Screenshot55

Mstefan.com56

Screenshot57

Subdued.net58

Screenshot59

Devlounge.net60

Screenshot61

Theologisches-seminar-elstal.de62

Screenshot63

Nice-Design.co.uk64

Screenshot

Media2006

Screenshot65

ElectricPulp.com66

Screenshot67

SusannePaschke.de68

Screenshot69

PixelEden.net70

Screenshot71

Jek2k.com72

Screenshot73

Morellc.com74

Screenshot75

Attitudedesign.co.uk

Screenshot76

CSS Vault77

Screenshot78

Evaneckard.com79

Screenshot80

WallopCreative.com81

Screenshot82

Jeffcroft.com83

Footnotes

  1. 1 http://www.steveleggat.com
  2. 2 http://www.steveleggat.com
  3. 3 http://emotionslive.co.uk/
  4. 4 http://emotionslive.co.uk/
  5. 5 http://www.dinis91.com/
  6. 6 http://www.dinis91.com/
  7. 7 http://joyent.com/
  8. 8 http://joyent.com/
  9. 9 http://www.haveamint.com/
  10. 10 http://www.haveamint.com/
  11. 11 http://www.vivabit.com/
  12. 12 http://www.vivabit.com/
  13. 13 http://olivier.danchin.neuf.fr/
  14. 14 http://olivier.danchin.neuf.fr/
  15. 15 http://foxie.ru
  16. 16 http://foxie.ru/
  17. 17 http://www.cameronmoll.com/portfolio/
  18. 18 http://www.cameronmoll.com/portfolio/
  19. 19 http://tonyyoo.com/v2/
  20. 20 http://tonyyoo.com/v2/
  21. 21 http://www.komodomedia.com/
  22. 22 http://www.komodomedia.com/
  23. 23 http://www.bartelme.at
  24. 24 http://www.bartelme.at
  25. 25 http://www.quatuor.be
  26. 26 http://www.quatuour.be
  27. 27 http://www.onlinecenter.nu
  28. 28 http://www.onlinecenter.nu
  29. 29 http://fall.tnvacation.com
  30. 30 http://fall.tnvacation.com
  31. 31 http://www.zero.ru
  32. 32 http://www.zero.ru
  33. 33 http://www.methodarts.com
  34. 34 http://www.methodarts.com
  35. 35 http://summer.tnvacation.com
  36. 36 http://summer.tnvacation.com
  37. 37 http://www.icebrrg.com
  38. 38 http://www.icebrrg.com
  39. 39 http://www.kineda.com
  40. 40 http://www.kineda.com
  41. 41 http://www.colourmod.com
  42. 42 http://www.colourmod.com
  43. 43 http://www.rikcat.com/rik_catlow_urban_pop_art/
  44. 44 http://www.rikcat.com/rik_catlow_urban_pop_art/
  45. 45 http://www.besupercharged.com
  46. 46 http://www.besupercharged.com/
  47. 47 http://veerle.duoh.com
  48. 48 http://veerle.duoh.com
  49. 49 http://www.obuweb.com/
  50. 50 http://www.obuweb.com/
  51. 51 http://www.slideshowpro.net
  52. 52 http://www.slideshowpro.net
  53. 53 http://www.whitwa.net
  54. 54 http://www.whitwa.net/
  55. 55 http://www.mstefan.com
  56. 56 http://www.mstefan.com
  57. 57 http://www.subdued.net
  58. 58 http://www.subdued.net
  59. 59 http://www.devlounge.net
  60. 60 http://www.devlounge.net
  61. 61 http://www.theologisches-seminar-elstal.de
  62. 62 http://www.theologisches-seminar-elstal.de
  63. 63 http://www.nice-design.co.uk
  64. 64 http://www.nice-design.co.uk
  65. 65 http://www.electricpulp.com
  66. 66 http://www.electricpulp.com/
  67. 67 http://www.susannepaschke.de/
  68. 68 http://www.susannepaschke.de/
  69. 69 http://www.pixeleden.net
  70. 70 http://www.pixeleden.net/
  71. 71 http://www.jek2k.com
  72. 72 http://www.jek2k.com
  73. 73 http://www.morellc.com
  74. 74 http://www.morellc.com
  75. 75 http://www.attitudedesign.co.uk
  76. 76 http://www.cssvault.com
  77. 77 http://www.cssvault.com
  78. 78 http://www.evaneckard.com/
  79. 79 http://www.evaneckard.com/
  80. 80 http://www.wallopcreative.com
  81. 81 http://www.wallopcreative.com/
  82. 82 http://www2.jeffcroft.com/
  83. 83 http://www2.jeffcroft.com/

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies. Get in touch.

Advertisement
  1. 1

    Very impressive list. Mit den Websites kann man sich wochenlang beschäftigen :-) Michael

    -1
  2. 52

    Hell Yeah!!!

    amazing!!
    in css we the trust!!

    -1
  3. 103

    I agree with Russell about overuse of tabs and gradiants in 2006. I’m guilty of this as well. I have a feeling that in a few years we’ll look back and laugh that all our websites looked the same.

    -1
  4. 154

    Thank you for including my website in it… but I will be fair play : my website is no CSS based… it’s full flash… sorry.
    Nice selection anyway.

    -1
  5. 205

    Sorry, but banyoles ist rather average design. What’s good on this? The CSS-Code? *shrug*

    0
  6. 256

    Hi I’m interesting in CSS but I’m not so good :(
    I need a professional help :'(
    I want to be ” CSS guru “

    -1
  7. 307
  8. 358

    This is a site that I’m putting up for contention http://surfcore.co.uk which use an advanced recipe of XHTML, CSS, java script and transparent png’s.

    I hope you like…

    0
  9. 409

    Really smashing and nice designs. Do you sell these templates? :)

    0
  10. 460

    A good post for web designers.These templates looks very nice.

    0
  11. 511

    Yes, these designs are really useful to find new ideas and concepts. Thanks.

    0
  12. 562

    Inspired by the gorgeous examples above, my blog got a facelift too! http://ilkeryoldas.blogspot.com

    0
  13. 613

    WoW! This is great! Wonderful source of inspiration.

    0
  14. 664

    Thanks for the list. It’s a nice compilation!

    0
  15. 715

    too many beaty for 1 post

    0
  16. 766

    Wonderfull.Thanks

    0
  17. 817

    thank for this beauteful cites. css is a very good thing. you can do many things by it.

    0
  18. 868

    Great list. Keep up the good work!

    0
  19. 919

    Nice list! Really like the ones that do not look like every other wordpress blog.

    0
  20. 970

    All the images are broken! I wanted to share this link with my readers, can you fix it?

    0
  21. 1021

    Nice list. You have excellent taste.

    0
  22. 1072

    Cool list!!!!!!!

    0
  23. 1123

    Can’t see the screenshots!
    Is your image server down?

    0
  24. 1174

    veeeeery nice collection… splendid!

    0
  25. 1225

    good,i like some…not all

    0
  26. 1276

    Thanks for the awesome review! So good to find a site with all the thumbnails of the sites and not just a list.

    0
  27. 1327

    Iam a webdesigner from india, i never expected this much of talent in the and cretivity peoples having, iam stunned see these websites, really amaging websites, cool colors and great combinations.

    1
  28. 1378

    beautiful, beautiful, beautiful AMAZING!! I´m depressed now – thx

    0
  29. 1429

    Beautiful sites maybe but not css based. Well this is in respect of one site anyway. The foxie.ru site is just images – placed in tables. It doesn’t even have alt tags. Waste of time and effort. It breaks if you try to make the images larger to read the text. The text is all images.

    To put it bluntly I can’t say it is beautiful or css based. So one out of your 50 is not really what you say it is!

    Rich

    2
  30. 1480

    tomasio,

    Banyoles.cat is a web of an administration and I believe that his design is impeccable if we it assimilate to others.

    0
  31. 1531

    when i see this websites i am become a friend of css and i try to make this type website by Css really it is super

    Regards
    rupesh

    0
  32. 1582

    wow, these are so amazing and colorful! I love CSS.

    0
  33. 1633

    All good stuff

    0
  34. 1684

    Outstanding :)

    0
  35. 1735

    seems good design but please don’t forget, there are a lot of people have bad connection speed! now i’m still research how to make beautiful design with so low of KB loaded just see my site on yodi.web.ugm.ac.id that’s my research so far

    0
  36. 1786

    Nice collection.I like some of them.but yes some are just plain images.Still lots of things to learn.

    0
  37. 1837

    Thanks for this very good article … I use this to my home work to school … Can I translate this with all comments and insert on my site? … Thanks

    0
  38. 1888

    good.
    Very good page
    Thanks.

    0
  39. 1939

    A nice selection of Websites. some great desgigns. Just shows what is possible!

    0
  40. 1990

    Impressive list of designs. Some design techniques are very interesting. I´m very glad that i found this site. I´m looking forward for the 50 beautiful css based web designs in 2007!

    0
  41. 2041

    This site is truly a great resource thanks for all your hard work

    0
  42. 2092

    Sehr inspirierende Seite mit vielen frischen Links – freue mich hier zu sein :)

    0
  43. 2143

    richard from flobb

    March 16, 2007 2:53 am

    A fantastic source of inspiration for us all. I personally am a big fan of CSS

    0
  44. 2194

    Giovambattista Fazioli

    March 16, 2007 10:26 pm

    Amazing!!

    0
  45. 2245

    Hi I thank you for a wonderful site. You have done very good job.

    0
  46. 2296

    very interesting design , clean , neat ,
    my prejudice against css sites has vanished (some css sites are very basic)

    0
  47. 2347

    I’d just like to thank you for taking the time to create this internet website. It has been extremely helpful

    0
  48. 2398

    Beautiful list :)
    good work

    0
  49. 2449

    Seguro que estos diseños me motivan :D

    0
  50. 2500

    romanians again :P there are a few good designers here…

    0

↑ Back to top