CSSline - Showcase gallery of excellent CSS sites.

Films by Brett Johnson

Tags: dark featured navigation scroll slide video

Colors: #161616; #D08F19; #25828A;
Vision fly fishing

Tags: big images big letters clean gradient grey

Colors: #999999; #ffffff; #ffffff;
Squared Eye

Tags: big letters blue yellow

Colors: #a0c0c0; #f0f0e0; #c0e0e0;
Obsesso Media

Tags: grey lightbox simple

Colors: #e4e4e4; #4a4a4a; #3686d0;
Jon Phillips

Tags: blog clean lightbox white

Colors: #e5e5e5; #ff6e01; #990000;
Slicehost

Tags: blue clean

Colors: #d5dde6; #0066cc; #53840c;
Creative People's Centre

Tags: black red white

Colors: #d7d9d8; #1d1e1b; #e50021;
Cyberwoven

Tags: clean dark slide

Colors: #e6e5dd; #cb5100; #1c1c1c;
Tanya Merone

Tags: one page portfolio

Colors: #a2b9b7; #eae1e1; #ce9997;
Toucouleur

Tags: background big images colorful complex hand written

Colors: #e1d2ad; #bf6f84; #77958e;
Laura Alter

Tags: blue footer vector

Colors: #97bbc6; #c1dbe2; #d0334f;
OnWired

Tags: black footer gradient green

Colors: #D1D2D6; #668939; #1A1B1F;
Digitalmash

Tags: big images big letters footer gradient

Colors: #9AABAC; #ED145B; #000000;
DrupalCon DC

Tags: blue footer red vector

Colors: #A0DAE0; #DF2B14; #ffffff;
Future Of Web Apps - Miami 2009

Tags: big letters footer gradient navigation vector

Colors: #DFDAC4; #DA361D; #211E17;
SPD

Tags: black gradient grey navigation orange white

Colors: #b7b8bc; #ee4123; #ffffff;
Tim Van Damme

Tags: clean icons one page slide

Colors: #a7b1ba; #ededed; #cef647;
24 Ways

Tags: complex light red transparent

Colors: #dddfe3; #bd5a6e; #747f8f;
10to1

Tags: brown colorful green navigation one page transparent

Colors: #e6d59f; #537e2a; #996633;
Francesco Mugnai

Tags: big images big letters blue clean one page vector

Colors: #abd2e1; #73b1d6; #f7f7f7;
DivVoted

Tags: background colorful fixed footer

Colors: #c5e1e3; #ecf6f7; #a7bc28;
Dean Oakley

Tags: background colorful innovative one page scroll vector

Colors: #d3d7ba; #fbe7be; #a5beaf;
Virb

Tags: big images blue button clean form grey grid icons typography

Colors: #b1d4e5; #eef0f3; #ffffff;
Dojo Design Studio

Tags: background grey grid navigation

Colors: #CCCCCC; #9A2327; #ffffff;
Peugeot (Finland)

Tags: background big images grey navigation

Colors: #DDDDDD; #29458F; #ffffff;
GOOD

Tags: big letters brown carousel clean magazine

Colors: #e6e3dc; #000000; #ffffff;
Kotitehdas

Tags: background big images brown carousel grid

Colors: #E4DEC2; #444444; #7D9F6C;
ANidea

Tags: background carousel grid innovative navigation

Colors: #E4E4E4; #000000; #ffffff;
Spark Capital

Tags: light navigation simple

Colors: #e0e0de; #f79b9a; #fe1a1a;
ColorArt

Tags: brown colorful footer grid

Colors: #bbb7ab; #9e2e2c; #ffffff;
Hugs For Monsters

Tags: colorful featured footer grey grunge hand written header navigation

Colors: #DED9D3; #88CCC1; #DDC01C;
Visual Elixir

Tags: big letters brown green grid one page scroll slide vector

Colors: #e3e6d1; #08201f; #93ae40;
WeFollow

Tags: grid light twitter

Colors: #dddddd; #eeeeee; #c2d6db;
Crush + Lovely

Tags: background fixed keyboard navigation scroll slide transparent

Colors: #c1c5c9; #5d5d5d; #d9dadc;
David Hellmann

Tags: background footer hand written header navigation

Colors: #CFC8B8; #000000; #EDD1A2;
The Invoice Machine

Tags: app clean footer grey grid

Colors: #e6e6e6; #0b0b0b; #f5f5f5;
Bobba

Tags: app background button carousel colorful cyan iphone navigation twitter

Colors: #d4d3c8; #82d4df; #ff5d39;
Playboy

Tags: big images flash footer gradient grid video

Colors: #bab5af; #746666; #dc160d;
Enjoy Digital

Tags: flash gradient grey light sifr

Colors: #d0d0d0; #00adef; #ffffff;
Design Moves Me

Tags: colorful footer header

Colors: #b8baa4; #40bdeb; #8d6255;
Boompa

Tags: background colorful hand written navigation

Colors: #dcdcb6; #48afd2; #ffffff;
Syllogism

Tags: background carousel grey light navigation

Colors: #dcdfe0; #c4c47f; #97bdcf;
ECTOMACHINE

Tags: big images dark dropdown footer grid header icons navigation red robot

Colors: #b3d3d2; #ff0365; #000000;
P. Villarreal

Tags: dark fixed one page scroll simple

Colors: #dcddde; #636363; #ffcd00;
Superkix

Tags: background colorful grid hover red search

Colors: #cacaca; #ff0000; #ffffff;
RonnieSan

Tags: big images clean grey sifr twitter

Colors: #dcdcdc; #ab2328; #771417;
Uploadify

Tags: clean gradient grey light navigation vector

Colors: #d7d7d7; #ebebeb; #ed1c24;
Inspect Element

Tags: big images colorful footer grey grid red

Colors: #e1e1e1; #972324; #000000;
CreativePeople

Tags: background big images carousel complex featured navigation slide

Colors: #cdcdd5; #684c41; #e1cfbb;
Creative Joomla!

Tags: dark hover one page simple

Colors: #A8A9AD; #18171F; #ffffff;
Adam Amaral

Tags: grey hand written hover icons navigation

Colors: #dcdcdc; #d5d5d5; #8eaac2;
Ali Felski

Tags: background dark flash footer header

Colors: #ccd1ba; #efede4; #7d9aa4;
Dialogi

Tags: background big letters colorful complex featured flash innovative navigation slide

Colors: #dcdfdc; #ef0784; #f0f1f0;
Brooklyn Fare

Tags: big images big letters cyan footer navigation search

Colors: #addeda; #49380b; #fafcfc;
Ecoki

Tags: brown complex footer grid texture

Colors: #E0D9BC; #55472A; #317F35;
Envira Media Inc

Tags: blue colorful featured navigation vector

Colors: #ABC6D9; #598526; #40382D;
Tri Vuong

Tags: big images blue cyan hover one column one page scroll

Colors: #acd1e6; #dcedf0; #f7efce;
Suki

Tags: big images carousel grey hover one page

Colors: #BEC2CA; #9725B9; #381755;
Bush Theatre

Tags: brown grunge hand written navigation twitter

Colors: #e1e2d5; #372a2b; #c3d640;
31Three

Tags: big images blue grid vector

Colors: #D3DDDC; #A0AB7C; #4C5151;
Webbyrå Stockholm

Tags: carousel footer form hand written portfolio

Colors: #e1dedd; #000000; #3dcee3;
Kuvat.fi

Tags: app background colorful

Colors: #c4d8e5; #dcedc6; #f5f8f9;
THE MOLITOR

Tags: fixed grey hover navigation

Colors: #d1d1d1; #c8dfe0; #7a7a7a;
Toshiedo

Tags: big images flash form grey grid

Colors: #e5e5e5; #666666; #000000;
AppZapper

Tags: big images carousel green grey one page

Colors: #e1e1e1; #98bd58; #5f8b26;
midtone design

Tags: big images carousel grey icons navigation vector

Colors: #bfc3cb; #717373; #64d3ff;
Urban Airship

Tags: big letters carousel header iphone navigation vector

Colors: #bad6e5; #30637c; #910101;
Momkai

Tags: complex grey hover light navigation scroll slide

Colors: #f3f3f3; #bebebe; #ffffff;
SpoonGraphics

Tags: brown carousel icons lightbox portfolio scroll

Colors: #d8c4af; #644332; #fff9ee;
Jonnotie

Tags: button form green icons iphone navigation portfolio video

Colors: #bcc8c4; #6c8183; #2f4b54;
Make Film Work

Tags: brown light twitter typography vector video

Colors: #e3dec8; #fafbf5; #c3b68c;
The Croquis

Tags: colorful icons navigation twitter watercolor

Colors: #a4d6cb; #e1dbcc; #ffffff;
Ignaty Nikulin

Tags: carousel colorful form gradient hand written header icons navigation twitter vector

Colors: #9fb0b1; #e4edee; #269ce7;
Threads

Tags: big images carousel clean footer gradient grey icons navigation typography

Colors: #dfdfdf; #c0c0c0; #ee8357;
TypeFaces

Tags: brown carousel featured one page typography

Colors: #dfdad2; #1d342e; #e03120;
HmAndrei

Tags: big images carousel featured green grey hover navigation twitter vector

Colors: #d6d6d0; #9b9a87; #b0d000;
monkeyworks

Tags: carousel grey texture vector

Colors: #d6d7cf; #633b31; #7e9990;
camellie

Tags: big images fixed hand written vector

Colors: #d3ddd2; #e9e2cf; #000000;
Sven Prim

Tags: big images carousel featured fixed navigation portfolio transparent

Colors: #c7c7c7; #662801; #000000;
Aran Down

Tags: carousel colorful icons one page portfolio tabs watercolor

Colors: #99d6e2; #7d989e; #a38fb5;
GLUCONE - R

Tags: big images carousel lightbox

Colors: #b2b8b6; #9aa05e; #ffffff;
Friends of Type

Tags: big images footer green grey header hover

Colors: #e6e6e6; #27df9c; #b1dcdd;
Ryan Evans

Tags: big letters one page simple typography

Colors: #dddfe4; #3c3c3c; #dddfe4;
Joni Korpi

Tags: brown button grid icons light one page portfolio

Colors: #dbd9b7; #3c2517; #e3e3bf;
Demotive

Tags: brown carousel footer form one page portfolio twitter vector

Colors: #d9d7d3; #c8e7e8; #3b3731;
Panic Blog

Tags: blog button form grey twitter yellow

Colors: #d4d5d7; #f5eac2; #fafafa;
Marie Catribs

Tags: big images brown carousel cyan hand written slide twitter

Colors: #9dd4ce; #fcfaea; #f2816a;
IconEden

Tags: blue grey navigation vector

Colors: #a9b4b6; #39a6d1; #1e6278;
Sam Taylor

Tags: brown hand written hover portfolio scroll typography

Colors: #d3cdc3; #c83419; #ffffff;
All Things Old Timey

Tags: big images brown fixed typography

Colors: #d8d7d3; #40403f; #cd751b;
The Mid-Century Modernist

Tags: grey grid hover navigation slide typography

Colors: #222222; #bebebe; #333333;
Bold

Tags: big letters grey transparent typography

Colors: #d8d8d8; #ffffff; #110d0e;
Participatory Politics Foundation

Tags: blue button featured footer form grid header icons

Colors: #9bd4df; #f2eeed; #283436;
Wing Cheng

Tags: brown featured fixed hand written innovative lightbox scroll

Colors: #e0d8bf; #4c280a; #fbfaf8;
Theory Design

Tags: carousel form grey icons

Colors: #d0d0d2; #cdc6d6; #9284b2;
Inspiredology

Tags: blue button dropdown header hover icons navigation search typography

Colors: #bac1cc; #434956; #cbc6b2;
Denise Chandler

Tags: colorful fixed form hand written header icons one page slide twitter

Colors: #e0d9c7; #af2f00; #6eb48f;
Platform45

Tags: big images carousel grey icons vector

Colors: #e0e3e5; #394050; #b72626;
Syneticus

Tags: grey icons lightbox typography

Colors: #bdc2c6; #47aadb; #5b5b5b;
Worry Free Labs

Tags: big letters blue button carousel footer form grey lightbox twitter typography

Colors: #dfded9; #10a2d7; #5cb000;
Cognition

Tags: blog dropdown footer grey purple slide typography

Colors: #b9abba; #edecec; #bc6a31;
Ligature, Loop & Stem

Tags: big letters carousel grey hand written html5 icons typography

Colors: #e0e3e3; #ad1d1b; #5f5f5f;
23 Video

Tags: button footer green icons vector

Colors: #c6daa3; #419540; #fafcf7;
TEIXIDO

Tags: big images carousel footer grey hover typography yellow

Colors: #dde1e2; #ffd300; #39444a;
Kyle Kramer

Tags: button colorful footer form icons typography

Colors: #cfd3c4; #1d1d1d; #d87c25;
Shaping the Page

Tags: big letters carousel cyan form grid icons light

Colors: #b8dadb; #71a6a6; #ffffff;
Dropr

Tags: dropdown fixed form lightbox slide typography

Colors: #cee2e1; #232222; #e9e9e9;
bench.li

Tags: green grey html5 lightbox one page transparent

Colors: #dddddd; #8feccb; #666666;
Sorted

Tags: big images clean footer grey icons one page

Colors: #9b9ea5; #3c3d41; #acacb6;
IWC Schaffhausen

Tags: big images carousel featured footer form grey grid lightbox navigation search slide

Colors: #edeef0; #bebebe; #000000;
YipYip

Tags: grey grid icons innovative pink scroll

Colors: #979797; #ee3a84; #f394be;
Le Record du Monde

Tags: black grey header html5 icons one page red typography yellow

Colors: #e3e3e3; #303030; #f9cb2a;
3 2 1 Akce

Tags: big images html5 navigation one page slide

Colors: #cccccc; #ffffff; #ffb400;
Two Toasters

Tags: big images carousel grey hover twitter vector

Colors: #c0cad3; #aab2ba; #d83027;
Amazee Labs

Tags: button carousel green icons navigation twitter typography

Colors: #c1c7bd; #f7f5e9; #97b24b;
dConstruct 2011

Tags: green grey html5 responsive

Colors: #e0e0e0; #323832; #88bb00;
ultranoir

Tags: background canvas featured form html5 innovative navigation transparent typography

Colors: #c3bcb4; #000000; #ffffff;
Nizo for iPhone

Tags: coming soon fixed iphone light one page scroll

Colors: #deddd8; #161615; #ffffff;
Julian Damy

Tags: brown portfolio responsive transparent typography

Colors: #dbd6cf; #f7f6f4; #d3212a;
More Hazards More Heroes

Tags: colorful grey hand written html5 one page scroll typography

Colors: #E5E5E5; #DB4C24; #577B77;
Unfold

Tags: big letters featured innovative map navigation one page scroll twitter typography

Colors: #E3E2DD; #EC1946; #151515;
Fhoke

Tags: carousel grey icons navigation

Colors: #E0E6E6; #F12F23; #444653;
Robinizer Design Studio

Tags: background big images navigation slide

Colors: #DACCBF; #ECECEA; #3F3F3F;
Moka

Tags: big images carousel grey hover slide

Colors: #E6E6E6; #666666; #FBFBFB;
Kippt

Tags: app button clean gradient grey header

Colors: #E6E6E6; #CA4019; #EE6320;
Tsto

Tags: carousel colorful footer grey header pink slide

Colors: #C8C8C8; #FFD0C8; #B3C7D0;
Decode

Tags: background carousel cyan icons light one page slide transparent

Colors: #CDE0DE; #C3D5D5; #47CA7A;
Viking Line NB 1376

Tags: colorful footer grid header hover video

Colors: #C2D8E5; #2E2E2E; #DD2A25;
Whiteloupe

Tags: animation button form grey html5 icons navigation slide transparent

Colors: #DFE3E4; #FDFDFD; #CFD0D2;

Filter sites

You can filter sites by choosing your favourite color and/or tags. Simply pick the color or tags and the page will automaticly load all the relevant sites.

Choose color

Choose tags

animation app background big images big letters black blog blue brown button canvas carousel cartoon church clean colorful coming soon complex css3 cyan dark dropdown elastic featured fixed flash fluid footer form gradient green grey grid grunge hand written header hover html5 icon icons innovative iphone keyboard lifestream light lightbox magazine map navigation one column one page orange parallax pattern pink portfolio purple quote red resize responsive robot round corners scroll search showcase sifr simple slide space store tab table tabs texture tooltip transparent twitter two columns typography vector video violet watercolor webgl white wood yellow