CSSline - Showcase gallery of excellent CSS sites.

Films by Brett Johnson

Tags: dark featured navigation scroll slide video

Colors: #161616; #D08F19; #25828A;
Boolab

Tags: dark simple

Colors: #333333; #ff99cc; #99ccff;
The Fuzzy Duck Food Company

Tags: brown gradient icons one column one page

Colors: #360e00; #411100; #ffd946;
Shown'd

Tags: grunge showcase vector

Colors: #303536; #3a3f40; #3672c2;
AppStorm

Tags: blog blue dark

Colors: #262626; #256cde; #d7cb98;
One Page Love

Tags: clean dark pink showcase simple

Colors: #333333; #ff33cc; #ffffff;
Merix Studio

Tags: dark icons navigation scroll

Colors: #333333; #ffffff; #f47a20;
The Ernest Hemingway Collection

Tags: background big images brown

Colors: #682C10; #E7DFC8; #000000;
MacTarnahan's Brewing Company

Tags: background footer green

Colors: #395628; #DDC070; #F7EBC6;
Jeffrey Sarmiento

Tags: colorful navigation portfolio

Colors: #1C1811; #ECE6C4; #D21600;
B.N.WEISS

Tags: background dark footer

Colors: #383838; #FD1D76; #ffffff;
Training by Collective Idea

Tags: brown footer navigation simple

Colors: #48391E; #45D5E6; #ffffff;
Pikaboo

Tags: background dark gradient innovative navigation

Colors: #232220; #ECE3D7; #ffffff;
Paramore|Redd

Tags: brown clean orange slide

Colors: #292a24; #f9f2da; #b66611;
Rare Form Branding

Tags: big images black clean dark

Colors: #1b1b1b; #c3ddeb; #8f9185;
Lealea Design

Tags: colorful footer red sifr

Colors: #640928; #ff0049; #280315;
Expression Engine

Tags: blue button carousel clean dropdown footer icons

Colors: #27343c; #376f7e; #ffffff;
Made by Elephant

Tags: dark red slide white

Colors: #222222; #d82424; #ffffff;
Duoh

Tags: background colorful vector

Colors: #3e373c; #bdf675; #ffffff;
Tutorial9

Tags: background dark vector

Colors: #1f282f; #386e9d; #d8cebf;
Stylized Web

Tags: background blue brown

Colors: #3e1911; #b1d0f0; #953c28;
GCN

Tags: background big images colorful dark

Colors: #1C1819; #3E292E; #4299D5;
RichardTape

Tags: clean dark grey icons simple

Colors: #202020; #ffffff; #ffffff;
Adimpact

Tags: big images big letters grid

Colors: #242529; #cfe5f3; #c1d29b;
tweetCC

Tags: big letters brown grid one page transparent twitter typography

Colors: #532400; #7a5637; #ad947a;
Stuff and Nonsense

Tags: big letters navigation red sifr white

Colors: #5d1117; #ffffff; #c03025;
Skylar Anderson

Tags: background big letters dark space

Colors: #374526; #bfdeb5; #010109;
Icon Dock

Tags: clean colorful icons vector wood

Colors: #4c1c06; #cf2e98; #6362bf;
Mark Dearman

Tags: carousel dark one page portfolio slide yellow

Colors: #1e1e1e; #ffff00; #2a2a2a;
New Look Media

Tags: background clean slide

Colors: #252525; #2e95bd; #efefef;
SpaceCollective

Tags: clean dark footer grid

Colors: #1E1E1E; #009999; #ffffff;
Bugbear Entertainment

Tags: big images clean

Colors: #232323; #ffffff; #ffae39;
Squarespace

Tags: dark footer green grid header

Colors: #2e2f2a; #97b75b; #ffffff;
ScrnShots

Tags: clean cyan dark grid icons

Colors: #333333; #a4c4cb; #cdad90;
Shoeguru

Tags: big images carousel gradient grey

Colors: #333333; #808080; #7B9C0A;
Sawyer Hollenshead

Tags: dark footer hand written navigation

Colors: #2b2223; #695d5d; #dcc537;
Poonut

Tags: carousel dark pink twitter wood

Colors: #2a2a2a; #41a0dc; #e94297;
Jon Brousseau

Tags: dark fixed hover lightbox one page scroll transparent

Colors: #1e2628; #050707; #5e9ef1;
Things That Are Brown

Tags: brown clean grid

Colors: #473b38; #81756d; #cac3c1;
Jazz & Fly Fishing

Tags: blue carousel innovative navigation video

Colors: #1C1C1C; #51C8EA; #E8E66D;
atebits

Tags: background clean grey grid icons simple

Colors: #242424; #ccccc3; #f5f5f5;
Christopher Scott

Tags: brown colorful grid grunge icons navigation texture

Colors: #32160B; #F6C926; #ffffff;
Plant With Purpose

Tags: big images gradient green

Colors: #4C5622; #CDC48F; #CA232C;
Sam Brown

Tags: background big letters dark hover icons typography

Colors: #2e1a11; #ad2929; #3f8141;
Gonzo Design

Tags: clean footer gradient grey icons

Colors: #292826; #46ABD7; #ffffff;
Nine Lion Design

Tags: dark orange slide wood

Colors: #3f2518; #9a3311; #0b0502;
disgrafik

Tags: dark flash grid lightbox one page

Colors: #1e1e1e; #8d8d8d; #dedede;
Intereactive

Tags: big images brown grid navigation

Colors: #3e3a37; #d7d1be; #ffffff;
Afflecks

Tags: grey grunge navigation pink

Colors: #373737; #fa56ab; #b5b5b5;
Bitconfused

Tags: big letters dark grey one column one page simple

Colors: #333333; #222222; #cccccc;
thisisFINLAND

Tags: big images big letters grey navigation

Colors: #3a3a3a; #73c7ff; #ffffff;
Nodeta

Tags: background carousel colorful gradient

Colors: #49170A; #C46841; #EDFAFF;
My Name is E

Tags: big images clean footer grey grid

Colors: #1c1c1c; #508353; #ffffff;
Aucor

Tags: clean dark gradient grid

Colors: #670d26; #1f201b; #ffffff;
mimeArtist

Tags: blue fixed grid navigation scroll

Colors: #222233; #ffffff; #9398a0;
Prabhu Natarajan

Tags: carousel dark footer grid header wood

Colors: #3a2a1b; #8b0304; #fcaf17;
The Mattinator

Tags: background grunge hand written pink robot twitter video

Colors: #1b1b1b; #ed008c; #ffffff;
Joren Rapini

Tags: carousel colorful footer header

Colors: #232323; #bc9dbd; #afe79c;
Fernando Landi

Tags: background big images one page vector

Colors: #333333; #ffffff; #c22c28;
Unstoppable Robot Ninja

Tags: dark footer navigation video

Colors: #1e1e1e; #2e2e2e; #c59e66;
Opera

Tags: background dropdown gradient grey grid red

Colors: #202020; #b4b4b4; #b60000;
Thomas Fals

Tags: clean dark grey one page slide twitter

Colors: #2e2e2e; #818181; #8d0000;
Chris Wallace

Tags: clean dark footer icons red search twitter typography

Colors: #212121; #a9270d; #d24f29;
Only Human

Tags: brown clean grid header

Colors: #422D2D; #663333; #CD9A61;
The Creative Kind

Tags: big letters clean grey header

Colors: #333333; #CADB2D; #c0c0c0;
Dan Biggins

Tags: big images footer red wood

Colors: #3D1317; #502D19; #ffffff;
Brown Blog Films

Tags: background brown texture wood

Colors: #563117; #683E26; #BDAF57;
Lee Munroe

Tags: brown footer icons search twitter

Colors: #58473d; #e39d2a; #692e02;
Levi Lodge

Tags: carousel hand written lightbox texture wood

Colors: #311F1F; #EBD4B2; #4EB3D2;
Doc4 Advertising Agency

Tags: big images big letters blue footer header navigation

Colors: #1C302F; #00BDF2; #FBE35E;
Tim Miley

Tags: big images big letters grey navigation

Colors: #2F2C28; #81B5B9; #ffffff;
alt design

Tags: colorful grid simple

Colors: #28231F; #FF0066; #99CC00;
CreativeDepart

Tags: brown clean dropdown grid icons

Colors: #423B35; #7F756B; #FFD439;
500 WATT

Tags: background hover innovative navigation portfolio

Colors: #2d2d2d; #aeb3be; #f5f5f5;
CeeVee

Tags: big images big letters clean green grey hover lightbox typography

Colors: #3d3729; #f4f4f4; #72ca00;
Fotopedia

Tags: big images carousel dark footer search

Colors: #393939; #6b6b6b; #b0ec4f;
Radium

Tags: carousel colorful icons navigation search twitter vector

Colors: #343031; #8addfc; #478da6;
Cube Club Chemnitz

Tags: background brown colorful cyan header hover navigation

Colors: #532616; #ed4b28; #b8edeb;
Burt

Tags: big letters clean grid light

Colors: #20201F; #31ABE6; #ffffff;
BA21

Tags: clean dark footer hover navigation

Colors: #373a37; #cbcfc8; #060606;
Cargo

Tags: clean dark fixed green grey simple

Colors: #282828; #f5f5f5; #00ba98;
Onvo Media

Tags: background dark grid one page twitter

Colors: #342c2c; #42694c; #524d4c;
kidd81

Tags: colorful footer hand written header innovative

Colors: #612903; #FF0066; #00CCFF;
Creative Online Media

Tags: big letters carousel clean dark red twitter

Colors: #1f1f1f; #c1131d; #d2d2d2;
Pulse8

Tags: big images carousel clean grid navigation

Colors: #333300; #990000; #ffffff;
Inkreel

Tags: background dark hover navigation

Colors: #2f2f2f; #030303; #434343;
Alexandru Cohaniuc

Tags: clean form one page slide

Colors: #3f4039; #f1eeef; #7fb100;
Babyroyale

Tags: dark purple simple

Colors: #251e29; #27202b; #ececec;
Fantastic

Tags: dark simple typography

Colors: #1d1d1d; #7299a9; #f7b7c1;
Go Media

Tags: background fixed hover navigation transparent

Colors: #6a1e0f; #6c4b28; #a77b1a;
h MAG

Tags: cyan dropdown fixed hover slide transparent

Colors: #2b2b2b; #00b7b6; #8a8a8a;
Drew Wilson

Tags: colorful dark dropdown fixed navigation transparent

Colors: #272b31; #afafaf; #488771;
Blacksticks Restaurant

Tags: carousel dark footer navigation wood

Colors: #302F2C; #9E9E9E; #ffffff;
Seed to Plate

Tags: brown grid navigation

Colors: #3A3128; #9DC343; #F4EFEB;
HappyHour!

Tags: app big images big letters brown iphone vector

Colors: #271700; #FFF7E0; #FFCC33;
Aaron Moody

Tags: carousel dark one page purple slide

Colors: #1f1c1c; #ac2069; #dc266a;
Larkef

Tags: button carousel dark form grey

Colors: #2f2f2f; #3daddc; #e7f5fa;
Marcelo Marfil

Tags: big images carousel dark dropdown hover

Colors: #29303a; #1a2027; #959ca5;
Story Pixel

Tags: background brown footer parallax twitter

Colors: #38200a; #c3e7cb; #ef2e00;
Ordered List

Tags: background dark navigation transparent typography

Colors: #412437; #334850; #a3e785;
Noise Freak

Tags: clean form grey header hover icons navigation slide

Colors: #1d1d1d; #d6d6d6; #00c3f7;
Kyle Jones

Tags: big images brown carousel dark footer icons

Colors: #251d11; #5f523a; #bbc208;
The 8Bit Network

Tags: dark dropdown form icons navigation one page

Colors: #222222; #7b7b7b; #b00f6d;
Giant Creative

Tags: button carousel colorful navigation one page typography

Colors: #2d2a23; #c28712; #00a897;
Awoken Design

Tags: dark fixed icons lightbox navigation portfolio scroll transparent

Colors: #1f1f1f; #f9f9f9; #97b0db;
Rogwai

Tags: big images carousel featured grid icons innovative twitter

Colors: #212121; #e60000; #ffffff;
Rich Brown

Tags: big images big letters brown featured grid lightbox navigation scroll

Colors: #36352e; #d2ccbe; #ffffff;
MUH·TAY·ZIK

Tags: big images big letters grey grid hover video

Colors: #231f20; #ed2090; #b4b4b2;
Kickstarter

Tags: big letters button clean grid white

Colors: #333333; #5dc01e; #1dacf6;
Weapons of Mass Creation

Tags: dark green twitter watercolor

Colors: #30433b; #e1ac66; #d88273;
Havoc Inspired

Tags: blue carousel grey icons slide twitter typography video

Colors: #222222; #387ab4; #93979e;
Acosmin

Tags: carousel colorful dark footer grid header

Colors: #232c33; #b8201d; #4b7d60;
Attic App

Tags: app button clean icons lightbox one page wood

Colors: #303031; #ffffff; #a86a36;
BeerCamp SXSW 2010

Tags: big letters hover one page typography vector yellow

Colors: #f2c500; #fffee3; #432e15;
Difted

Tags: carousel dark green grid hover lightbox video

Colors: #1c1c1c; #74aa1d; #fa9910;
Batman 3D

Tags: dark fixed innovative lightbox

Colors: #1c1f24; #353c44; #101012;
Lavagraphics

Tags: brown button colorful innovative slide yellow

Colors: #362b24; #fcee21; #ffffff;
David und Goliath

Tags: big images hover map twitter

Colors: #292929; #7d5922; #ab9e92;
Work by Kim

Tags: dark featured footer grey hand written lightbox one page portfolio texture vector yellow

Colors: #2e2e2e; #fff200; #ffffff;
Moonwalk Films

Tags: carousel dark navigation video

Colors: #463c38; #000000; #d81f00;
Dustin Walker

Tags: carousel colorful dark grey hover slide transparent typography

Colors: #2b2c30; #027462; #000000;
TweetDeck

Tags: app carousel dark gradient icons iphone yellow

Colors: #242424; #f2d300; #bbbcc0;
Fox Classics

Tags: big images carousel grey hover innovative

Colors: #333131; #f06618; #c0c0c0;
iDesign Studios

Tags: carousel dark grey light slide white

Colors: #2E2E2E; #353535; #ffffff;
Bureau347

Tags: brown innovative lightbox one page slide

Colors: #1F1612; #FF0000; #ffffff;
The Mid-Century Modernist

Tags: grey grid hover navigation slide typography

Colors: #222222; #bebebe; #333333;
music philosophy

Tags: big images grey grid hover

Colors: #222222; #000000; #fcff27;
Pixel Thread

Tags: brown grid hand written icons robot wood

Colors: #554e20; #fef8e6; #df8400;
SLV-Rent

Tags: brown colorful footer innovative one page scroll

Colors: #45372e; #ffffff; #30c5ba;
Keyonary

Tags: button clean dark fixed grey icons lightbox one page search

Colors: #1c1e20; #2f3335; #f50000;
Mykea

Tags: brown dark dropdown hand written hover innovative

Colors: #221f1a; #e9e6db; #33ccff;
We are Lighthouse

Tags: background brown fixed one page scroll transparent

Colors: #272318; #494923; #baa27e;
Chopeh

Tags: background big images fixed transparent typography

Colors: #352832; #f5f5f5; #d6c82a;
Digital Labs

Tags: big images brown grid hover icons one page

Colors: #1d1a18; #983922; #f5f1ec;
The Many Faces Of...

Tags: big images brown footer header hover navigation

Colors: #202020; #dddbcc; #8e101e;
The story of the 100 000th Big Cartel store

Tags: big images hover icons one page typography

Colors: #222222; #a0d1ef; #5a717f;
Rumpetroll

Tags: blue canvas complex featured fixed green html5 innovative purple transparent twitter

Colors: #260c1e; #e2dbe2; #bafdf7;
Rourkery

Tags: big letters dark icons typography yellow

Colors: #252c34; #f3cc67; #3e4753;
Night Owl Interactive

Tags: brown form hover one page typography wood

Colors: #3c2116; #a71013; #a99782;
Nike Skateboarding

Tags: big images carousel dark fixed html5 icons map search slide video

Colors: #1c1c1c; #c1a456; #ffffff;
The Vacuum

Tags: big images dark green grid hover icons

Colors: #242424; #01ea8c; #464749;
We Are Fixel

Tags: button carousel footer form icons twitter typography

Colors: #282c2f; #eeeecd; #dfc165;
Bluecadet

Tags: carousel dark map navigation typography

Colors: #323226; #5a5948; #598a98;
Site Sprouter

Tags: black carousel form hand written icon lightbox one page

Colors: #20242a; #efeff3; #bdda7e;
Wakwaw

Tags: big images grey hand written hover innovative navigation scroll

Colors: #333333; #3a3a3a; #ffffff;
Youzee

Tags: app big images dark fixed green icons navigation one page scroll

Colors: #333132; #8ab802; #d7d7d7;
Hugo Gayan Ahlberg

Tags: big images big letters cyan footer grey one page typography

Colors: #22251d; #2ef3e5; #fefaa4;
Ampersand

Tags: background dark footer icons transparent typography

Colors: #252a2e; #3c454c; #d7e266;
dynamIt

Tags: colorful cyan form grid red resize scroll slide twitter

Colors: #452f31; #81c4b3; #e8dcb2;
Filidor Wiese

Tags: background colorful html5 innovative one page slide space

Colors: #1f211f; #d57424; #ffffff;
afgn

Tags: big images carousel hover one page slide

Colors: #232323; #CA2B0B; #F6F6F4;
warb

Tags: big images hover lightbox navigation one page scroll

Colors: #342B26; #A7B0AD; #E6E3DC;
MAD 2011

Tags: background black dark fixed form hover one page scroll

Colors: #1D1D1D; #D24869; #C2C3C8;
Foundation

Tags: carousel dark form hover innovative video

Colors: #242424; #E8E8E8; #23779C;
Paulig makuparit

Tags: background brown grid scroll wood

Colors: #392618; #C2B082; #FFFFFF;
Oven Bits

Tags: brown carousel footer icons one page yellow

Colors: #2D2321; #EDEAE1; #F0D117;
Sullivan NYC

Tags: background carousel html5 navigation slide yellow

Colors: #303030; #F6E600; #8CD6E1;
One Design Company

Tags: background dark fixed keyboard map navigation one page scroll transparent

Colors: #202020; #FEFEFE; #1F1F1F;
MahiFX

Tags: clean dark featured form one page scroll simple

Colors: #232323; #7C3426; #FCFEFD;
Big Bite Creative

Tags: big letters carousel grey hover typography

Colors: #3D3739; #F8F8F8; #BB3722;
Pelaajalehti

Tags: background carousel dark featured grid hover typography

Colors: #272B34; #6C7A94; #F1F2F6;

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