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;
Twitterless

Tags: blue clean one column pink twitter white

Colors: #e4f7ff; #e26dc1; #ffb433;
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;
Next2Friends

Tags: gradient header vector video

Colors: #0066cb; #505c64; #c2d7f2;
OnWired

Tags: black footer gradient green

Colors: #D1D2D6; #668939; #1A1B1F;
DrupalCon DC

Tags: blue footer red vector

Colors: #A0DAE0; #DF2B14; #ffffff;
24 Ways

Tags: complex light red transparent

Colors: #dddfe3; #bd5a6e; #747f8f;
Twistory

Tags: brown clean one page twitter

Colors: #d5eef7; #5b4028; #ece1d0;
Francesco Mugnai

Tags: big images big letters blue clean one page vector

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

Tags: background cyan gradient

Colors: #d5e8ec; #a1d3de; #555f6a;
Fatburgr

Tags: big letters gradient icons vector

Colors: #d8fcfc; #ffe99f; #c56033;
StrawPoll

Tags: blue colorful fixed footer green vector

Colors: #9cdcf9; #c9eaf7; #86b648;
DivVoted

Tags: background colorful fixed footer

Colors: #c5e1e3; #ecf6f7; #a7bc28;
Latauslista

Tags: footer light navigation

Colors: #e7f5f5; #ffffff; #d10095;
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;
IFPI

Tags: background footer grey grid navigation

Colors: #E8E8E8; #B72859; #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;
YLE

Tags: background blue grid header

Colors: #CEE4F1; #ffffff; #183762;
ANidea

Tags: background carousel grid innovative navigation

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

Tags: light navigation simple

Colors: #e0e0de; #f79b9a; #fe1a1a;
Miro

Tags: background blue gradient icons lightbox vector video

Colors: #b7ecfe; #8acb4d; #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;
Tony Xia

Tags: big letters cyan navigation one page simple

Colors: #d3fffd; #252422; #dc170f;
Taxi Me

Tags: background blue footer innovative map

Colors: #9ccdee; #f6e300; #000000;
WeFollow

Tags: grid light twitter

Colors: #dddddd; #eeeeee; #c2d6db;
The Invoice Machine

Tags: app clean footer grey grid

Colors: #e6e6e6; #0b0b0b; #f5f5f5;
Africa Tour 2008

Tags: background big images blue navigation

Colors: #CFE8EB; #9E9D87; #D5263C;
WeatherFlash

Tags: blue gradient light simple

Colors: #b9e2fa; #ffffff; #3a8abe;
Matthias Schuetz

Tags: brown navigation wood

Colors: #e8e2d4; #5a564d; #b8c370;
Enjoy Digital

Tags: flash gradient grey light sifr

Colors: #d0d0d0; #00adef; #ffffff;
Twisten.FM

Tags: green twitter

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

Tags: clean grey simple

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

Tags: background carousel grey light navigation

Colors: #dcdfe0; #c4c47f; #97bdcf;
24tuntia

Tags: cyan header light orange

Colors: #d4e9e4; #e97c30; #ededed;
Girl Scouts of Middle Tennessee

Tags: blue brown carousel footer green navigation vector

Colors: #d4effe; #54462a; #b48a2c;
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;
Leihu

Tags: blue gradient hover navigation

Colors: #dae8f5; #082841; #375787;
Rocketfuelled

Tags: big images grey grid hand written

Colors: #E8E8E8; #000000; #ffffff;
Santi Hynönen

Tags: colorful fixed grid navigation scroll

Colors: #A0BFEB; #000000; #ffffff;
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;
RCI UK

Tags: background carousel clean colorful

Colors: #e7f3ff; #884267; #c8a474;
CreativePeople

Tags: background big images carousel complex featured navigation slide

Colors: #cdcdd5; #684c41; #e1cfbb;
Adam Amaral

Tags: grey hand written hover icons navigation

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

Tags: blue colorful hand written header light vector

Colors: #C0E0EB; #F0E5CF; #886349;
You Know Who

Tags: big images form grid navigation purple

Colors: #d9c3f0; #934c88; #ffffff;
Yodaa

Tags: background colorful lightbox navigation vector

Colors: #A8E7F9; #7D3B00; #62CD03;
Foradian Technologies

Tags: background blue carousel colorful footer navigation vector

Colors: #e1f8fb; #ff5800; #f9e55e;
Dialogi

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

Colors: #dcdfdc; #ef0784; #f0f1f0;
Eddison Media

Tags: blue clean footer hover orange search

Colors: #e6f1f5; #1e1c1b; #f6a200;
Brooklyn Fare

Tags: big images big letters cyan footer navigation search

Colors: #addeda; #49380b; #fafcfc;
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;
ThirdPresence

Tags: app big letters blue gradient

Colors: #EAF2F6; #87D4ED; #F95211;
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;
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;
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;
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;
AWP Express

Tags: big letters blue colorful footer orange vector

Colors: #b5eef7; #6a95a8; #fc5e00;
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;
Modern Web Projects

Tags: background colorful fixed navigation scroll transparent

Colors: #cbe5e7; #8bc16d; #baba9c;
Overcommitted

Tags: big images cyan icons iphone slide transparent

Colors: #e1e9ea; #4a5c6b; #505151;
The Croquis

Tags: colorful icons navigation twitter watercolor

Colors: #a4d6cb; #e1dbcc; #ffffff;
Fusion Ads

Tags: blue clean cyan hover iphone tooltip twitter typography

Colors: #d5e6ed; #3ba7ca; #4a4646;
Droplr

Tags: app hand written icons lightbox video

Colors: #dae2e9; #303542; #1d1b2e;
Threads

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

Colors: #dfdfdf; #c0c0c0; #ee8357;
onotate

Tags: blue colorful footer form gradient one page twitter yellow

Colors: #c2f8fe; #fef587; #f478af;
Carbonmade

Tags: app blue colorful featured form icons innovative navigation vector

Colors: #b1e3ff; #fff2be; #edf8ff;
TypeFaces

Tags: brown carousel featured one page typography

Colors: #dfdad2; #1d342e; #e03120;
Stunt Software

Tags: blue fixed icons light vector

Colors: #c9daf4; #8faad7; #4d4d4d;
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;
Cultured Code

Tags: app cyan hand written icons iphone navigation

Colors: #dcecf0; #53abdf; #5d6267;
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;
Twitter Developers

Tags: blue button form hover icons search twitter

Colors: #e4f2f8; #5d8fad; #ffffff;
camellie

Tags: big images fixed hand written vector

Colors: #d3ddd2; #e9e2cf; #000000;
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;
Maksimer

Tags: colorful grey hover typography

Colors: #e7e7e7; #cb3169; #9dc100;
Please Invite Me To Dribbble

Tags: blue colorful featured hand written icons one page pink typography white

Colors: #e0e9ee; #c6386f; #397ba7;
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;
All Things Old Timey

Tags: big images brown fixed typography

Colors: #d8d7d3; #40403f; #cd751b;
Onbile

Tags: app blue button lightbox vector video

Colors: #D6F0FC; #30C8F4; #C8CE4B;
MojoMotor

Tags: footer grid lightbox one page typography video

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

Tags: big letters grey transparent typography

Colors: #d8d8d8; #ffffff; #110d0e;
Rohner Studios

Tags: big letters brown carousel typography

Colors: #eae8df; #d8d5cb; #ae536c;
Participatory Politics Foundation

Tags: blue button featured footer form grid header icons

Colors: #9bd4df; #f2eeed; #283436;
Oroza

Tags: big images colorful grey icons typography

Colors: #e3e6ea; #4d505a; #1b8fcd;
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;
Platform45

Tags: big images carousel grey icons vector

Colors: #e0e3e5; #394050; #b72626;
Worry Free Labs

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

Colors: #dfded9; #10a2d7; #5cb000;
The New Leaf

Tags: big letters blue brown colorful green icons slide twitter typography vector video

Colors: #aedff9; #d5bd9e; #009046;
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;
THANK YOU

Tags: big images grey grid resize slide

Colors: #e8e8e8; #ffffff; #060706;
TEIXIDO

Tags: big images carousel footer grey hover typography yellow

Colors: #dde1e2; #ffd300; #39444a;
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;
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;
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;
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;
Photography by Rickard Sund

Tags: big images featured fixed html5 innovative navigation slide transparent

Colors: #b6f4ff; #66788c; #bccddc;
dConstruct 2011

Tags: green grey html5 responsive

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

Tags: blue hand written hover icons typography

Colors: #d0eaeb; #a4c3c6; #887e75;
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;
Touchtech

Tags: carousel featured green innovative navigation transparent

Colors: #EAEAEA; #8DC945; #363533;
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;
Boss to the North Cape

Tags: colorful hand written hover one page vector

Colors: #B9E4EB; #764115; #DE5E03;
Moka

Tags: big images carousel grey hover slide

Colors: #E6E6E6; #666666; #FBFBFB;
Square

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

Colors: #DFE4EA; #B1B6BC; #F7F7F7;
Kippt

Tags: app button clean gradient grey header

Colors: #E6E6E6; #CA4019; #EE6320;
Decode

Tags: background carousel cyan icons light one page slide transparent

Colors: #CDE0DE; #C3D5D5; #47CA7A;
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;
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