CSSline - Showcase gallery of excellent CSS sites.

Rijksmuseum

Tags: big images button carousel featured icons navigation responsive search slide tooltip

Colors: #A1ABAD; #3F444A; #757C8F;
Kirsi Nisonen

Tags: big images dark simple

Colors: #191919; #898284; #ab828f;
AppStorm

Tags: blog blue dark

Colors: #262626; #256cde; #d7cb98;
MacTarnahan's Brewing Company

Tags: background footer green

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

Tags: colorful navigation portfolio

Colors: #1C1811; #ECE6C4; #D21600;
The Things We Make

Tags: big letters dark footer

Colors: #181818; #10A6B5; #3B3229;
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;
Made by Elephant

Tags: dark red slide white

Colors: #222222; #d82424; #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;
Feedweaver

Tags: clean one page orange simple

Colors: #101b1d; #ff6600; #ffffff;
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;
Poonut

Tags: carousel dark pink twitter wood

Colors: #2a2a2a; #41a0dc; #e94297;
Internet Dreams

Tags: big images colorful dark navigation slide

Colors: #181818; #107807; #01a9d3;
Jon Brousseau

Tags: dark fixed hover lightbox one page scroll transparent

Colors: #1e2628; #050707; #5e9ef1;
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;
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;
My Name is E

Tags: big images clean footer grey grid

Colors: #1c1c1c; #508353; #ffffff;
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;
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;
Easy Bistro And Bar

Tags: background dark dropdown innovative navigation transparent

Colors: #171a1b; #a79775; #c3b5aa;
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;
Carsonified

Tags: big images big letters footer icons innovative navigation typography

Colors: #1a1800; #fffde0; #fffde0;
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;
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;
Radium

Tags: carousel colorful icons navigation search twitter vector

Colors: #343031; #8addfc; #478da6;
Jad Limcaco

Tags: blue carousel clean grid

Colors: #062230; #19A1E8; #ffffff;
Burt

Tags: big letters clean grid light

Colors: #20201F; #31ABE6; #ffffff;
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;
Flowdock

Tags: button dark header navigation vector video

Colors: #181818; #33A9D9; #8ED500;
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;
Babyroyale

Tags: dark purple simple

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

Tags: dark simple typography

Colors: #1d1d1d; #7299a9; #f7b7c1;
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;
Aaron Moody

Tags: carousel dark one page purple slide

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

Tags: button carousel dark form grey

Colors: #2f2f2f; #3daddc; #e7f5fa;
Story Pixel

Tags: background brown footer parallax twitter

Colors: #38200a; #c3e7cb; #ef2e00;
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;
Havoc Inspired

Tags: blue carousel grey icons slide twitter typography video

Colors: #222222; #387ab4; #93979e;
Attic App

Tags: app button clean icons lightbox one page wood

Colors: #303031; #ffffff; #a86a36;
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;
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;
Rain Creative Lab

Tags: background big letters brown colorful flash transparent

Colors: #181818; #bfc43f; #c91365;
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;
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;
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;
Mobily

Tags: blue carousel innovative lightbox one page scroll

Colors: #13242e; #434f58; #ffffff;
Billy Tamplin

Tags: blue dark icons navigation typography vector

Colors: #0e2731; #991812; #f5e29d;
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;
Easy*Peasee

Tags: dropdown green navigation vector

Colors: #b1d95e; #264009; #a5d047;
PlusOne Amsterdam

Tags: clean dark grid navigation twitter

Colors: #1a1a1a; #46a27a; #0ca3e2;
The story of the 100 000th Big Cartel store

Tags: big images hover icons one page typography

Colors: #222222; #a0d1ef; #5a717f;
(help me) get to Build

Tags: button clean dark icons lightbox one page

Colors: #1a1a1a; #c9d62a; #e7e7e7;
Giant Ant Media

Tags: dark footer grey hand written video

Colors: #1a1a1a; #919191; #f49ac1;
CreativeDash

Tags: clean dark fixed form grey icons one page scroll transparent

Colors: #24272C; #2F3239; #D63F38;
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;
CORNERD

Tags: cartoon colorful dark form icons navigation one page scroll space

Colors: #191d1f; #8daa40; #dd2f2d;
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 icons lightbox one page

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

Tags: black dark grey html5 one column simple slide

Colors: #181818; #838383; #4e4e4e;
Hugo Gayan Ahlberg

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

Colors: #22251d; #2ef3e5; #fefaa4;
Kisko Labs

Tags: big letters dark fixed form hover navigation one page responsive scroll

Colors: #191919; #095d7a; #eeeeee;
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;
360° Langstrasse Zürich

Tags: background featured innovative map scroll transparent twitter typography video

Colors: #0C1E28; #534329; #7CC4D2;
Valio Con 2012

Tags: button conference dark icons typography

Colors: #1B1F28; #676966; #CCCCCE;
Pilot.is

Tags: featured grey innovative navigation one page scroll typography

Colors: #262626; #4A4A4A; #FEFEFE;
unit9

Tags: animation black carousel clean grey grid hover html5

Colors: #232628; #000000; #FFFFFF;
Oak Studios

Tags: big letters dark html5 responsive typography

Colors: #2C2C2E; #EF674F; #74D3CD;
The BOom and The Arty

Tags: animation audio colorful form grid hover navigation typography video

Colors: #011F1F; #19383B; #FDFDFD;
365 Awesome Designers

Tags: dark fixed grunge one page showcase slide

Colors: #2C2C2C; #737373; #CF4F66;
Joint

Tags: big letters dark navigation simple slide

Colors: #2B2B2B; #2C2C2C; #E1E1E1;
Reaktor Dev Day 2012

Tags: big letters conference dark html5 one page parallax typography

Colors: #1B2024; #83A48F; #A47E3D;
Rule of Three

Tags: animation fixed grey slide typography vector

Colors: #2B2B2B; #FEFEFE; #6E6F71;
DIY

Tags: button colorful html5 typography vector

Colors: #282828; #76F4AB; #D0CA68;
Woodwork

Tags: big images colorful featured fixed navigation slide typography

Colors: #1E1E1E; #7AD3CD; #FAFD00;
Patrick Katzman

Tags: big images carousel fixed grid hover navigation preload slide typography

Colors: #2E2A29; #283845; #494431;
2012 Year on Twitter

Tags: big images clean colorful navigation twitter

Colors: #2B2B2B; #00ABF1; #FDA30E;
Etch

Tags: dark featured grid navigation pink responsive slide typography

Colors: #1A1A1A; #FF6762; #191919;
Escape Flight

Tags: big images big letters dropdown fixed form hover lightbox typography

Colors: #222222; #FBE311; ;
Shipment

Tags: app button clean footer header icons

Colors: #131C21; #FAF9F4; #8AAEF8;

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 audio background big images big letters black blog blue brown button canvas carousel cartoon church clean colorful coming soon complex conference css3 cursor cyan dark dorm dropbox dropdown elastic featured fixed flash fluid footer form gradient green grey grid grunge hand written header horizontal hover html5 icons innovative iphone keyboard lifestream light lightbox magazine map navigation one column one page orange parallax pattern pink portfolio preload 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 wedding white wood yellow