CSSline - Showcase gallery of excellent CSS sites.

Films by Brett Johnson

Tags: dark featured navigation scroll slide video

Colors: #161616; #D08F19; #25828A;
Obsesso Media

Tags: grey lightbox simple

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

Tags: blog clean lightbox white

Colors: #e5e5e5; #ff6e01; #990000;
Creative People's Centre

Tags: black red white

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

Tags: clean dark slide

Colors: #e6e5dd; #cb5100; #1c1c1c;
Simone Maranzana

Tags: background portfolio red

Colors: #f3f0e1; #9b3326; #5e5e5e;
Toucouleur

Tags: background big images colorful complex hand written

Colors: #e1d2ad; #bf6f84; #77958e;
Future Of Web Apps - Miami 2009

Tags: big letters footer gradient navigation vector

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

Tags: brown footer gradient

Colors: #FCEDD8; #BA3D00; #333333;
Snook.ca

Tags: background green twitter

Colors: #dde7bf; #789f00; #362f27;
24 Ways

Tags: complex light red transparent

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

Tags: brown colorful green navigation one page transparent

Colors: #e6d59f; #537e2a; #996633;
Oypro

Tags: flash vector

Colors: #f1f2ed; #ffffff; #a39da2;
Clearleft

Tags: big letters clean gradient green light navigation

Colors: #fdffe1; #90b623; #f7f9dc;
N.Design Studio

Tags: background colorful featured header navigation twitter

Colors: #f9dab7; #e46c6f; #57432b;
Stoodeo

Tags: background blue brown one page vector

Colors: #f8f4e8; #ccdfed; #477a97;
IFPI

Tags: background footer grey grid navigation

Colors: #E8E8E8; #B72859; #ffffff;
Kinoz

Tags: brown flash header one page

Colors: #eeeee6; #4e4e4c; #cc3300;
Lataka

Tags: big letters brown one page red

Colors: #f2e3c2; #ae3731; #020202;
Trent Walton

Tags: big images big letters green innovative twitter

Colors: #F3F5E7; #000000; #ecebeb;
Tijs Vrolix

Tags: brown green hand written

Colors: #ebead1; #182c33; #669900;
Peugeot (Finland)

Tags: background big images grey navigation

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

Tags: clean grid navigation simple

Colors: #FCF9EA; #F26C09; #1FA1DD;
80/20

Tags: clean grey one page simple

Colors: #ebebeb; #444751; #e1e1e1;
GOOD

Tags: big letters brown carousel clean magazine

Colors: #e6e3dc; #000000; #ffffff;
Cameron.io

Tags: blog clean one column simple

Colors: #ebebeb; #1e2b17; #c91b34;
Kotitehdas

Tags: background big images brown carousel grid

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

Tags: background carousel grid innovative navigation

Colors: #E4E4E4; #000000; #ffffff;
TripSay

Tags: gradient icons map pattern search

Colors: #f4f4ed; #23c0f1; #71d000;
Spark Capital

Tags: light navigation simple

Colors: #e0e0de; #f79b9a; #fe1a1a;
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;
Daniel Oliver

Tags: big letters clean grey grid navigation

Colors: #f4f2ed; #1b1b1b; #ffffff;
WeFollow

Tags: grid light twitter

Colors: #dddddd; #eeeeee; #c2d6db;
The Nambu Network

Tags: big letters clean icons simple

Colors: #ececec; #333333; #7ed2e1;
The Barbarian Group

Tags: big letters gradient header navigation

Colors: #eeedeb; #2d1f13; #dd9408;
The Invoice Machine

Tags: app clean footer grey grid

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

Tags: brown icons light red vector

Colors: #f8f3e4; #5d081b; #ba1b32;
Matthias Schuetz

Tags: brown navigation wood

Colors: #e8e2d4; #5a564d; #b8c370;
Rock The Forest 2009

Tags: brown fixed one page scroll

Colors: #f2edcd; #b20d1b; #b0aa7a;
Twisten.FM

Tags: green twitter

Colors: #daeeec; #759d98; #0e2220;
Phil Coffman

Tags: clean grey simple

Colors: #e9e8e5; #333332; #0179a5;
Boompa

Tags: background colorful hand written navigation

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

Tags: background carousel grey light navigation

Colors: #dcdfe0; #c4c47f; #97bdcf;
P. Villarreal

Tags: dark fixed one page scroll simple

Colors: #dcddde; #636363; #ffcd00;
Rocketfuelled

Tags: big images grey grid hand written

Colors: #E8E8E8; #000000; #ffffff;
Onstuimig

Tags: footer grid hover light

Colors: #f4f4ec; #bcd5da; #ee0044;
Boxee

Tags: app dropdown featured icons navigation orange slide twitter video

Colors: #edece3; #f56b2c; #424242;
SimpleSmile

Tags: brown footer navigation search

Colors: #f4f4ed; #291e12; #cf5f00;
IconShoppe

Tags: brown button clean colorful icons simple

Colors: #f4f4ed; #72abc7; #d2b191;
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;
Corvus Design Studio

Tags: background flash header navigation watercolor

Colors: #eadfc1; #b2c3b9; #cfce36;
Adam Amaral

Tags: grey hand written hover icons navigation

Colors: #dcdcdc; #d5d5d5; #8eaac2;
PhotoSnack

Tags: carousel clean flash grey

Colors: #ededed; #333333; #ffae00;
Search Engine Optimisation

Tags: brown hand written navigation

Colors: #ede9d0; #fffef9; #48463c;
Noora Katto

Tags: colorful header lightbox navigation vector

Colors: #FDF5D1; #C3CEC6; #9E0F21;
Page Affairs

Tags: brown clean footer icons navigation twitter

Colors: #f4f4ed; #30353b; #76c04d;
Agami Creative

Tags: brown colorful footer hand written watercolor

Colors: #EDD6AC; #604F23; #5B9E8C;
Dialogi

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

Colors: #dcdfdc; #ef0784; #f0f1f0;
Ecoki

Tags: brown complex footer grid texture

Colors: #E0D9BC; #55472A; #317F35;
5byfive

Tags: app grey innovative one page search simple

Colors: #E6E7E8; #ffffff; #ffffff;
Authentic Jobs

Tags: brown clean navigation search table

Colors: #eae6de; #403e39; #faf9f7;
Bullet PR

Tags: background navigation one page scroll transparent

Colors: #eeeeed; #90cfcf; #e28374;
Rientola

Tags: cyan grey map one page video

Colors: #eeedec; #1c1818; #b7e5e5;
Odosketch

Tags: brown colorful flash grid

Colors: #f0ebe0; #b1d1da; #dcb5b9;
Happycom

Tags: big images carousel colorful orange vector

Colors: #F48102; #ED3200; #FFF5C5;
Robo.to

Tags: carousel cyan one column robot

Colors: #dbe7e7; #434343; #ffffff;
Bush Theatre

Tags: brown grunge hand written navigation twitter

Colors: #e1e2d5; #372a2b; #c3d640;
Giantpea

Tags: brown form header hover slide

Colors: #e8e2d5; #4c3d36; #aea297;
Love Manchester

Tags: clean footer map tabs twitter

Colors: #ebebeb; #2c2a2a; #ec3e4c;
Webbyrå Stockholm

Tags: carousel footer form hand written portfolio

Colors: #e1dedd; #000000; #3dcee3;
AppleReviews

Tags: brown clean footer icons search

Colors: #f0f0ea; #bbbbae; #3a3a39;
Toshiedo

Tags: big images flash form grey grid

Colors: #e5e5e5; #666666; #000000;
Ignition Creative

Tags: clean footer grid innovative light

Colors: #e7e6e3; #ffffff; #000000;
Happy Home

Tags: big letters brown lightbox typography

Colors: #e8e1cf; #151515; #ffffff;
AppZapper

Tags: big images carousel green grey one page

Colors: #e1e1e1; #98bd58; #5f8b26;
Academy

Tags: complex fixed grid light transparent

Colors: #e8e8e8; #ffffff; #f2f2f2;
Ruokangas

Tags: brown footer icons wood

Colors: #f7eddf; #5d1906; #e3d0af;
thesixtyone

Tags: background colorful complex featured fixed innovative navigation transparent

Colors: #fcf1d5; #3b3930; #ff2815;
Culinary Culture

Tags: big letters light navigation search vector yellow

Colors: #f8f1e0; #ffffff; #eaf1f8;
Pixelcraft

Tags: brown clean icons light simple

Colors: #f5f3ea; #0d1123; #ebeae0;
Haäfe and Haph

Tags: brown dark one page scroll vector

Colors: #efe1d2; #3d2a2a; #f03b00;
Show and Tell

Tags: blue footer green header icons navigation

Colors: #dcebc5; #036885; #f4e4ad;
Make Film Work

Tags: brown light twitter typography vector video

Colors: #e3dec8; #fafbf5; #c3b68c;
MIX Online

Tags: brown carousel colorful footer icons navigation typography

Colors: #ecede7; #77d2f2; #f7e137;
Overcommitted

Tags: big images cyan icons iphone slide transparent

Colors: #e1e9ea; #4a5c6b; #505151;
Droplr

Tags: app hand written icons lightbox video

Colors: #dae2e9; #303542; #1d1b2e;
Thinking for a Living

Tags: colorful featured grid navigation simple slide transparent typography

Colors: #faece7; #d42888; #e1d5d0;
Threads

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

Colors: #dfdfdf; #c0c0c0; #ee8357;
I Am Docto

Tags: brown fixed lightbox one page scroll transparent

Colors: #fbf7e6; #dad8c1; #6b695d;
Matt Hamm

Tags: brown carousel fixed twitter typography vector

Colors: #f1f1eb; #dddad0; #636a7b;
Digital Visions Queenstown

Tags: grey grid hover typography

Colors: #ededed; #f7bb27; #729cc8;
Kohette

Tags: background form hand written hover light robot typography

Colors: #f1f2ec; #ecd9d5; #f96f7c;
TypeFaces

Tags: brown carousel featured one page typography

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

Tags: icons one page simple

Colors: #ece7d8; #b2ada0; #5b5445;
Joystick Generals

Tags: big images colorful dark navigation vector

Colors: #ebe3d8; #c1272d; #000000;
DDESILVA

Tags: button flash form grey hover lightbox red video

Colors: #ededed; #9f0d1c; #d5d5d5;
Elham Al-Qasimi

Tags: big images hover html5 table typography

Colors: #eeebe6; #bdb6b7; #988e91;
Yudisht Rajkoomar

Tags: big letters brown hover icons lightbox orange portfolio

Colors: #ede2dd; #424242; #ee8d2e;
Snask

Tags: background lightbox video yellow

Colors: #e7e5d2; #03042f; #36335c;
Mother New York

Tags: big images carousel grey light lightbox simple white

Colors: #e7e7e7; #ffffff; #8a8a8a;
Transmit

Tags: app big images grey header hover icons navigation tooltip

Colors: #ebebeb; #272727; #ffe377;
Casa Serena

Tags: big images lightbox navigation video

Colors: #f4ebcc; #fefaef; #740b0b;
1MD

Tags: big images carousel featured grunge hover

Colors: #ededed; #1f1f1f; #d41921;
Pieoneers

Tags: brown colorful footer navigation twitter typography vector

Colors: #faf5e7; #342b24; #bf1010;
Ed Nacional

Tags: carousel cyan grey grid light twitter

Colors: #f2f1ed; #84b5bb; #dddedd;
Friends of Type

Tags: big images footer green grey header hover

Colors: #e6e6e6; #27df9c; #b1dcdd;
InkByte

Tags: brown green navigation twitter vector

Colors: #fdf5e0; #ebe1ca; #c8df8e;
madewithlove

Tags: big letters clean form navigation typography

Colors: #ecede7; #dadbd6; #d8242b;
Ryan Evans

Tags: big letters one page simple typography

Colors: #dddfe4; #3c3c3c; #dddfe4;
Maksimer

Tags: colorful grey hover typography

Colors: #e7e7e7; #cb3169; #9dc100;
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;
Design - Swap

Tags: brown button footer form one page red typography

Colors: #fdefd5; #6b0707; #d1c7b6;
I Love Dust

Tags: brown colorful grid navigation simple

Colors: #f0efe9; #2e2a2b; #ffffff;
All Things Old Timey

Tags: big images brown fixed typography

Colors: #d8d7d3; #40403f; #cd751b;
Finere festival

Tags: background footer form grey grid one page yellow

Colors: #f6faa2; #68685f; #d2d686;
Gowalla

Tags: button grey grid icons vector

Colors: #F1F2EC; #FFA822; #ffffff;
Bixal

Tags: carousel colorful grey navigation

Colors: #ECECEC; #9CAD79; #B7503A;
TRÜF

Tags: brown carousel grid hover icons

Colors: #e8dec8; #fd1c15; #000000;
Philadelphia - Official Visitor Site

Tags: big images carousel dropdown header hover innovative navigation

Colors: #f2f1eb; #cc3333; #142439;
Grandpeople

Tags: big images brown featured grid html5 innovative light navigation portfolio typography

Colors: #f2f1ed; #fdfdfd; #82807e;
MojoMotor

Tags: footer grid lightbox one page typography video

Colors: #d7e6ed; #498086; #ffffff;
Bold

Tags: big letters grey transparent typography

Colors: #d8d8d8; #ffffff; #110d0e;
The Waiting Room

Tags: brown form grid innovative one page typography

Colors: #fbefd8; #5a4a40; #938f86;
Rohner Studios

Tags: big letters brown carousel typography

Colors: #eae8df; #d8d5cb; #ae536c;
Wing Cheng

Tags: brown featured fixed hand written innovative lightbox scroll

Colors: #e0d8bf; #4c280a; #fbfaf8;
Word Refuge

Tags: carousel footer form hand written slide typography yellow

Colors: #f3f4e2; #dac893; #5d5f4f;
Oroza

Tags: big images colorful grey icons typography

Colors: #e3e6ea; #4d505a; #1b8fcd;
Stephen Caver

Tags: big letters featured header icons innovative navigation typography yellow

Colors: #ffffe7; #8dcbc0; #020202;
Denise Chandler

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

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

Tags: big images fixed hover html5 map navigation one page video yellow

Colors: #fffde6; #1d1d1b; #bbb9a9;
Platform45

Tags: big images carousel grey icons vector

Colors: #e0e3e5; #394050; #b72626;
Lost Worlds Fairs

Tags: big letters colorful featured innovative typography

Colors: #f8efe1; #3b96a7; #ab905b;
Worry Free Labs

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

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

Tags: big images carousel header typography

Colors: #f3efec; #000000; #e82424;
Mike McQuade

Tags: carousel grid slide yellow

Colors: #fbfccf; #131313; #fbfccf;
Ligature, Loop & Stem

Tags: big letters carousel grey hand written html5 icons typography

Colors: #e0e3e3; #ad1d1b; #5f5f5f;
Leviathan

Tags: big images grey slide video

Colors: #e6e7e8; #dcdedf; #565656;
McKinney

Tags: big images carousel grey grid html5 search transparent twitter

Colors: #e8e9e7; #ff0023; #1b1b1b;
Design Adept

Tags: big images big letters form header icons typography

Colors: #edeae3; #ff4701; #5acbc9;
THANK YOU

Tags: big images grey grid resize slide

Colors: #e8e8e8; #ffffff; #060706;
Solid Pink Studios

Tags: big images big letters grey innovative pink

Colors: #ebebeb; #ed106a; #333333;
TEIXIDO

Tags: big images carousel footer grey hover typography yellow

Colors: #dde1e2; #ffd300; #39444a;
RePrintMe

Tags: carousel form grey hand written icons yellow

Colors: #ececec; #f1f014; #000000;
Matteo Larghi

Tags: clean grey hover icons one page slide

Colors: #e9e9e9; #ffffff; #1f1f1f;
bench.li

Tags: green grey html5 lightbox one page transparent

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

Tags: background cartoon colorful iphone navigation one page scroll vector

Colors: #f1f3c2; #ffffff; #82d0f2;
Beautiful Type

Tags: big images blog brown green html5 light typography

Colors: #edede6; #b0c9b7; #959390;
Timo Paloheimo

Tags: clean grey html5 innovative one page simple

Colors: #e9e9e9; #fefef4; #888888;
Le Record du Monde

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

Colors: #e3e3e3; #303030; #f9cb2a;
Image Mechanics

Tags: grey grid map one page scroll slide

Colors: #f2f1ed; #333333; #ff5f57;
Lounge

Tags: background carousel featured fixed hand written html5 scroll transparent watercolor

Colors: #f9ecd9; #7ab2b3; #291b1b;
Do Lectures

Tags: brown grid hand written hover light video

Colors: #eceddf; #45760d; #ffffff;
Polyester

Tags: colorful grid hover navigation one page

Colors: #f5f5dc; #e21722; #460c08;
dConstruct 2011

Tags: green grey html5 responsive

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

Tags: big images carousel fixed navigation one page scroll

Colors: #F9F9ED; #4F4949; #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;
Insites Tour

Tags: big letters colorful featured html5 one page responsive

Colors: #f1eee9; #339977; #e8574c;
Melonfree

Tags: button form html5 lightbox one page scroll vector

Colors: #EBE1DF; #F9A646; #69655C;
More Hazards More Heroes

Tags: colorful grey hand written html5 one page scroll typography

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

Tags: carousel featured green innovative navigation transparent

Colors: #EAEAEA; #8DC945; #363533;
Contrast Rebellion

Tags: button carousel keyboard one page scroll transparent

Colors: #F2EDD0; #1A1A1A; #AF400B;
Activate

Tags: animation colorful hand written html5 one page typography

Colors: #FFF6D9; #56482D; #689493;
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;
Fellowland

Tags: big images big letters brown carousel featured header one page portfolio typography video

Colors: #EEEEE6; #282828; #EFEFE7;
Moka

Tags: big images carousel grey hover slide

Colors: #E6E6E6; #666666; #FBFBFB;
Canvas - Cocktail & Wine Bar

Tags: brown carousel form header icons light lightbox navigation slide

Colors: #F2EBD9; #D0A98C; #DFC9B2;
GiftRocket

Tags: brown footer form icons vector

Colors: #F2EADD; #3E3E3C; #A49669;
Square

Tags: background big images carousel clean fixed grey icons iphone vector

Colors: #DFE4EA; #B1B6BC; #F7F7F7;
Forefathers Group

Tags: brown featured footer form resize slide typography

Colors: #EFEBE0; #74A2A0; #312622;
Rally Interactive

Tags: animation brown grid hover innovative resize slide

Colors: #F5EFEA; #2D2B29; #F5F0EB;
Mix

Tags: carousel colorful grey typography

Colors: #EDF0E9; #969694; #FEFEFE;
Kippt

Tags: app button clean gradient grey header

Colors: #E6E6E6; #CA4019; #EE6320;
Honest Fare

Tags: blog clean icons light navigation

Colors: #F5F4E2; #1D191A; #FDFDFD;
Album Art Collention

Tags: grey grid icons navigation search showcase

Colors: #ECECEC; #FCFCFC; #2C2C2C;
Lake Wapogasset Lutheran Bible Camp

Tags: big letters brown button green html5 icons light typography

Colors: #E9E8B0; #74A71A; #F8F7E5;
Switch to Virgin America

Tags: colorful form grey navigation purple red typography vector

Colors: #E7E7E7; #DA183D; #751658;
Sauli Niinistö

Tags: brown carousel header light map typography

Colors: #E9E3D3; #2C2E3B; #62BAD0;
Sacha Greif

Tags: blog brown light orange typography

Colors: #EEE6E3; #E66442; #DED6D3;
Cast Iron Design

Tags: animation brown footer grey grunge navigation typography

Colors: #EBEBEB; #DCD1BD; #333333;
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