CSSline - Showcase gallery of excellent CSS sites.

1. 

   Upperquad

   Tags: animation big images big letters colorful featured navigation typography

   Colors: #FFFDFF; #5201FC; #58FAEC;

2. 

   Boolab

   dark simple

   #333333; #ff99cc; #99ccff;

3. 

   Creative Spaces

   background complex dark

   #2e4c57; #beb9a6; #f2f1ed;

4. 

   Shown'd

   grunge showcase vector

   #303536; #3a3f40; #3672c2;

5. 

   AppStorm

   blog blue dark

   #262626; #256cde; #d7cb98;

6. 

   One Page Love

   clean dark pink showcase simple

   #333333; #ff33cc; #ffffff;

7. 

   WPCoder

   brown lightbox one page wood

   #6f5f49; #ba8a29; #524737;

8. 

   Cult-foo

   colorful fixed header vector

   #586164; #9bceec; #e65ea0;

9. 

   Merix Studio

   dark icons navigation scroll

   #333333; #ffffff; #f47a20;

10. 

    MacTarnahan's Brewing Company

    background footer green

    #395628; #DDC070; #F7EBC6;

11. 

    B.N.WEISS

    background dark footer

    #383838; #FD1D76; #ffffff;

12. 

    Training by Collective Idea

    brown footer navigation simple

    #48391E; #45D5E6; #ffffff;

13. 

    Pikaboo

    background dark gradient innovative navigation

    #232220; #ECE3D7; #ffffff;

14. 

    Paramore|Redd

    brown clean orange slide

    #292a24; #f9f2da; #b66611;

15. 

    Expression Engine

    blue button carousel clean dropdown footer icons

    #27343c; #376f7e; #ffffff;

16. 

    Made by Elephant

    dark red slide white

    #222222; #d82424; #ffffff;

17. 

    Duoh

    background colorful vector

    #3e373c; #bdf675; #ffffff;

18. 

    Bright Kite

    big images blue clean gradient

    #354e61; #6f98a6; #b1d71c;

19. 

    RichardTape

    clean dark grey icons simple

    #202020; #ffffff; #ffffff;

20. 

    Reinvigorate

    background big letters dark

    #464646; #1268d5; #000000;

21. 

    Adimpact

    big images big letters grid

    #242529; #cfe5f3; #c1d29b;

22. 

    Skylar Anderson

    background big letters dark space

    #374526; #bfdeb5; #010109;

23. 

    Give Real

    background blue gradient

    #213558; #28406c; #dfa75d;

24. 

    Theories On Lost

    background grid purple transparent

    #5e2356; #b678af; #9f798d;

25. 

    New Look Media

    background clean slide

    #252525; #2e95bd; #efefef;

26. 

    Bugbear Entertainment

    big images clean

    #232323; #ffffff; #ffae39;

27. 

    Squarespace

    dark footer green grid header

    #2e2f2a; #97b75b; #ffffff;

28. 

    ScrnShots

    clean cyan dark grid icons

    #333333; #a4c4cb; #cdad90;

29. 

    Shoeguru

    big images carousel gradient grey

    #333333; #808080; #7B9C0A;

30. 

    SnobbySlice

    background blue dark icons

    #223846; #c6c6c6; #081f2f;

31. 

    Poonut

    carousel dark pink twitter wood

    #2a2a2a; #41a0dc; #e94297;

32. 

    Tessea

    big images navigation wood

    #45413E; #621618; #ffffff;

33. 

    threeformed

    background green grid innovative navigation scroll

    #5B6646; #2E9E68; #333333;

34. 

    Things That Are Brown

    brown clean grid

    #473b38; #81756d; #cac3c1;

35. 

    atebits

    background clean grey grid icons simple

    #242424; #ccccc3; #f5f5f5;

36. 

    SonarHQ

    big images blue gradient

    #223a48; #5486ab; #64a51d;

37. 

    Rob Loukotka

    green grid grunge icons transparent

    #6e612a; #333333; #ffffff;

38. 

    Cristophe Peyras

    big images footer gradient grid header red

    #6e1c19; #333333; #ffffff;

39. 

    Plant With Purpose

    big images gradient green

    #4C5622; #CDC48F; #CA232C;

40. 

    Gonzo Design

    clean footer gradient grey icons

    #292826; #46ABD7; #ffffff;

41. 

    Icon Designer

    big images carousel clean icons

    #435152; #26302f; #cacd95;

42. 

    Intereactive

    big images brown grid navigation

    #3e3a37; #d7d1be; #ffffff;

43. 

    Afflecks

    grey grunge navigation pink

    #373737; #fa56ab; #b5b5b5;

44. 

    Bitconfused

    big letters dark grey one column one page simple

    #333333; #222222; #cccccc;

45. 

    thisisFINLAND

    big images big letters grey navigation

    #3a3a3a; #73c7ff; #ffffff;

46. 

    mimeArtist

    blue fixed grid navigation scroll

    #222233; #ffffff; #9398a0;

47. 

    Prabhu Natarajan

    carousel dark footer grid header wood

    #3a2a1b; #8b0304; #fcaf17;

48. 

    Joren Rapini

    carousel colorful footer header

    #232323; #bc9dbd; #afe79c;

49. 

    Fernando Landi

    background big images one page vector

    #333333; #ffffff; #c22c28;

50. 

    Opera

    background dropdown gradient grey grid red

    #202020; #b4b4b4; #b60000;

51. 

    Thomas Fals

    clean dark grey one page slide twitter

    #2e2e2e; #818181; #8d0000;

52. 

    Chris Wallace

    clean dark footer icons red search twitter typography

    #212121; #a9270d; #d24f29;

53. 

    Only Human

    brown clean grid header

    #422D2D; #663333; #CD9A61;

54. 

    The Creative Kind

    big letters clean grey header

    #333333; #CADB2D; #c0c0c0;

55. 

    Dab Hand Studio

    big letters dropdown footer grey grid

    #5D5D5D; #D6E1BB; #CA0606;

56. 

    Levi Koi

    background hand written innovative navigation yellow

    #434343; #FEFE00; #ffffff;

57. 

    Joel Delane

    background colorful dark icons vector

    #44494D; #77C21D; #B900FF;

58. 

    Elegant Themes

    blue carousel grid header

    #3A4C62; #972F20; #E3D9BA;

59. 

    Netontwerp

    clean navigation slide

    #403f3f; #ffffff; #d03640;

60. 

    Lee Munroe

    brown footer icons search twitter

    #58473d; #e39d2a; #692e02;

61. 

    Karla Stoeve

    colorful dark dropdown one page

    #581F40; #352919; #ffffff;

62. 

    Levi Lodge

    carousel hand written lightbox texture wood

    #311F1F; #EBD4B2; #4EB3D2;

63. 

    Tim Miley

    big images big letters grey navigation

    #2F2C28; #81B5B9; #ffffff;

64. 

    alt design

    colorful grid simple

    #28231F; #FF0066; #99CC00;

65. 

    Manchester City FC

    big images big letters carousel grid

    #243748; #4B759B; #E59600;

66. 

    CreativeDepart

    brown clean dropdown grid icons

    #423B35; #7F756B; #FFD439;

67. 

    RetailMeNot

    carousel colorful grid icons

    #513E60; #99CE36; #FCDB69;

68. 

    500 WATT

    background hover innovative navigation portfolio

    #2d2d2d; #aeb3be; #f5f5f5;

69. 

    CeeVee

    big images big letters clean green grey hover lightbox typography

    #3d3729; #f4f4f4; #72ca00;

70. 

    Fotopedia

    big images carousel dark footer search

    #393939; #6b6b6b; #b0ec4f;

71. 

    Radium

    carousel colorful icons navigation search twitter vector

    #343031; #8addfc; #478da6;

72. 

    Burt

    big letters clean grid light

    #20201F; #31ABE6; #ffffff;

73. 

    BA21

    clean dark footer hover navigation

    #373a37; #cbcfc8; #060606;

74. 

    Demain Jarrete

    background black fixed hand written navigation white

    #424242; #ffffff; #000000;

75. 

    Cargo

    clean dark fixed green grey simple

    #282828; #f5f5f5; #00ba98;

76. 

    Oh! Media

    big letters blue carousel gradient

    #2A3841; #45616F; #C3C444;

77. 

    Onvo Media

    background dark grid one page twitter

    #342c2c; #42694c; #524d4c;

78. 

    Logo Cranium

    big images carousel colorful navigation

    #2E4A58; #D2E253; #DADBDD;

79. 

    Freshout

    blue carousel dropdown hover navigation

    #2D3B48; #D0EBF6; #8397A5;

80. 

    Lisa Moseley

    colorful dropdown header

    #5E3F5E; #5D2F39; #3370AF;

81. 

    Moka Media Inc

    carousel footer grey header hover

    #676767; #82B709; #BFBFBF;

82. 

    Inkreel

    background dark hover navigation

    #2f2f2f; #030303; #434343;

83. 

    Barabra

    dark fixed footer form grey scroll

    #424242; #333333; #40bde5;

84. 

    Alexandru Cohaniuc

    clean form one page slide

    #3f4039; #f1eeef; #7fb100;

85. 

    Babyroyale

    dark purple simple

    #251e29; #27202b; #ececec;

86. 

    ViewPoint

    grey header hover lightbox one page

    #434343; #dadada; #7fbcff;

87. 

    h MAG

    cyan dropdown fixed hover slide transparent

    #2b2b2b; #00b7b6; #8a8a8a;

88. 

    Blacksticks Restaurant

    carousel dark footer navigation wood

    #302F2C; #9E9E9E; #ffffff;

89. 

    Seed to Plate

    brown grid navigation

    #3A3128; #9DC343; #F4EFEB;

90. 

    Larkef

    button carousel dark form grey

    #2f2f2f; #3daddc; #e7f5fa;

91. 

    Marcelo Marfil

    big images carousel dark dropdown hover

    #29303a; #1a2027; #959ca5;

92. 

    Taptivate

    brown form hover iphone purple search typography

    #4f2264; #f4f4f4; #ceaee2;

93. 

    Full Fat Studios

    flash footer form purple slide

    #542459; #aa4fb3; #ffffff;

94. 

    friendly duck

    dark fixed navigation twitter typography yellow

    #38464f; #e8ad27; #0f1a26;

95. 

    Ordered List

    background dark navigation transparent typography

    #412437; #334850; #a3e785;

96. 

    Filip Slovacek

    big letters dark grid lightbox one page scroll

    #4f5e5f; #191c1b; #00b5ef;

97. 

    The 8Bit Network

    dark dropdown form icons navigation one page

    #222222; #7b7b7b; #b00f6d;

98. 

    Giant Creative

    button carousel colorful navigation one page typography

    #2d2a23; #c28712; #00a897;

99. 

    Eastpoint

    background blue button

    #3a5c68; #89a687; #98adb0;

100. 

     Rogwai

     big images carousel featured grid icons innovative twitter

     #212121; #e60000; #ffffff;

101. 

     Rich Brown

     big images big letters brown featured grid lightbox navigation scroll

     #36352e; #d2ccbe; #ffffff;

102. 

     MUH·TAY·ZIK

     big images big letters grey grid hover video

     #231f20; #ed2090; #b4b4b2;

103. 

     LogicSource

     background big letters colorful map transparent

     #40535e; #4dc8e9; #fdb924;

104. 

     Kickstarter

     big letters button clean grid white

     #333333; #5dc01e; #1dacf6;

105. 

     Tenth Time

     brown colorful lightbox vector

     #615a47; #00adad; #95c12b;

106. 

     Weapons of Mass Creation

     dark green twitter watercolor

     #30433b; #e1ac66; #d88273;

107. 

     Belair Restaurant & Catering

     background carousel map navigation transparent

     #292f68; #245903; #000000;

108. 

     Havoc Inspired

     blue carousel grey icons slide twitter typography video

     #222222; #387ab4; #93979e;

109. 

     Acosmin

     carousel colorful dark footer grid header

     #232c33; #b8201d; #4b7d60;

110. 

     Nishiki

     carousel grey grid navigation

     #474747; #e5343a; #f6b300;

111. 

     Attic App

     app button clean icons lightbox one page wood

     #303031; #ffffff; #a86a36;

112. 

     Digiti

     carousel colorful green hand written lightbox vector

     #516329; #a3b64d; #5193cf;

113. 

     RAD.E8

     clean dark hover icons lightbox one page

     #444344; #acb0b5; #49bbe3;

114. 

     Brite Revolution

     carousel grid navigation scroll

     #3d3d4f; #f5bc32; #222231;

115. 

     Lavagraphics

     brown button colorful innovative slide yellow

     #362b24; #fcee21; #ffffff;

116. 

     David und Goliath

     big images hover map twitter

     #292929; #7d5922; #ab9e92;

117. 

     Dom Goodrum

     dark footer grey innovative scroll yellow

     #3d3f4b; #1f1f1f; #feff39;

118. 

     Work by Kim

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

     #2e2e2e; #fff200; #ffffff;

119. 

     Fubiz Interactive

     dark map navigation

     #37384b; #d4d4d6; #14bddf;

120. 

     Moonwalk Films

     carousel dark navigation video

     #463c38; #000000; #d81f00;

121. 

     Dustin Walker

     carousel colorful dark grey hover slide transparent typography

     #2b2c30; #027462; #000000;

122. 

     TweetDeck

     app carousel dark gradient icons iphone yellow

     #242424; #f2d300; #bbbcc0;

123. 

     Spreads

     app blue form gradient one page

     #374a63; #d9d9d9; #e34e17;

124. 

     Fox Classics

     big images carousel grey hover innovative

     #333131; #f06618; #c0c0c0;

125. 

     iDesign Studios

     carousel dark grey light slide white

     #2E2E2E; #353535; #ffffff;

126. 

     The Mid-Century Modernist

     grey grid hover navigation slide typography

     #222222; #bebebe; #333333;

127. 

     music philosophy

     big images grey grid hover

     #222222; #000000; #fcff27;

128. 

     Pixel Thread

     brown grid hand written icons robot wood

     #554e20; #fef8e6; #df8400;

129. 

     SLV-Rent

     brown colorful footer innovative one page scroll

     #45372e; #ffffff; #30c5ba;

130. 

     Hull Digital Question Time

     background blue fixed form hand written one page transparent

     #2f3744; #787d85; #644b23;

131. 

     Mykea

     brown dark dropdown hand written hover innovative

     #221f1a; #e9e6db; #33ccff;

132. 

     Chicago Shirts

     background big images simple

     #344758; #fcf3e7; #524850;

133. 

     Chopeh

     background big images fixed transparent typography

     #352832; #f5f5f5; #d6c82a;

134. 

     Christopher Meeks

     background carousel dark icons innovative lightbox

     #353a40; #ffffff; #1c1f28;

135. 

     The Many Faces Of...

     big images brown footer header hover navigation

     #202020; #dddbcc; #8e101e;

136. 

     Michael Muller

     big images featured grey innovative lightbox typography

     #4f4f4f; #ffffff; #646464;

137. 

     The story of the 100 000th Big Cartel store

     big images hover icons one page typography

     #222222; #a0d1ef; #5a717f;

138. 

     Jolicloud

     app blue button dark hand written icons twitter

     #333642; #8d90a4; #2e303b;

139. 

     CreativeDash

     clean dark fixed form grey icons one page scroll transparent

     #24272C; #2F3239; #D63F38;

140. 

     Rourkery

     big letters dark icons typography yellow

     #252c34; #f3cc67; #3e4753;

141. 

     Nike Better World

     big images featured lightbox navigation slide typography video

     #466361; #070c10; #ffffff;

142. 

     RGA Comunicacao

     carousel grid hover one page slide

     #616b4e; #262626; #111111;

143. 

     The Vacuum

     big images dark green grid hover icons

     #242424; #01ea8c; #464749;

144. 

     We Are Fixel

     button carousel footer form icons twitter typography

     #282c2f; #eeeecd; #dfc165;

145. 

     Bluecadet

     carousel dark map navigation typography

     #323226; #5a5948; #598a98;

146. 

     Site Sprouter

     black carousel form hand written icons lightbox one page

     #20242a; #efeff3; #bdda7e;

147. 

     Wakwaw

     big images grey hand written hover innovative navigation scroll

     #333333; #3a3a3a; #ffffff;

148. 

     Youzee

     app big images dark fixed green icons navigation one page scroll

     #333132; #8ab802; #d7d7d7;

149. 

     N2 Nolla

     carousel dark grey hover lightbox navigation one page vector

     #4b4b4b; #22bedb; #ffffff;

150. 

     Hugo Gayan Ahlberg

     big images big letters cyan footer grey one page typography

     #22251d; #2ef3e5; #fefaa4;

151. 

     Ampersand

     background dark footer icons transparent typography

     #252a2e; #3c454c; #d7e266;

152. 

     dynamIt

     colorful cyan form grid red resize scroll slide twitter

     #452f31; #81c4b3; #e8dcb2;

153. 

     afgn

     big images carousel hover one page slide

     #232323; #CA2B0B; #F6F6F4;

154. 

     warb

     big images hover lightbox navigation one page scroll

     #342B26; #A7B0AD; #E6E3DC;

155. 

     Ross Angus

     grey hand written hover lightbox typography video

     #434343; #D6D6D6; #A7A7A7;

156. 

     Foundation

     carousel dark form hover innovative video

     #242424; #E8E8E8; #23779C;

157. 

     Oven Bits

     brown carousel footer icons one page yellow

     #2D2321; #EDEAE1; #F0D117;

158. 

     iCloud

     complex dark featured fixed form icons innovative

     #403F45; #DCDCDC; #131315;

159. 

     Sullivan NYC

     background carousel html5 navigation slide yellow

     #303030; #F6E600; #8CD6E1;

160. 

     Treehouse

     brown button dark search table typography vector video

     #404040; #F5F6E8; #DBDFD1;

161. 

     MahiFX

     clean dark featured form one page scroll simple

     #232323; #7C3426; #FCFEFD;

162. 

     Attack Mart

     featured innovative navigation one page parallax

     #686157; #3E455F; #BC8463;

163. 

     Big Bite Creative

     big letters carousel grey hover typography

     #3D3739; #F8F8F8; #BB3722;

164. 

     HTML5 Please

     app css3 dark html5 one page resize slide typography

     #3D414A; #E6D4BC; #D09074;

165. 

     Pelaajalehti

     background carousel dark featured grid hover typography

     #272B34; #6C7A94; #F1F2F6;

166. 

     Pilot.is

     featured grey innovative navigation one page scroll typography

     #262626; #4A4A4A; #FEFEFE;

167. 

     iZetttle

     app big images button fixed grey hand written icons iphone tabs transparent white

     #565D63; #FFFFFF; #0096D0;

168. 

     unit9

     animation black carousel clean grey grid hover html5

     #232628; #000000; #FFFFFF;

169. 

     Oak Studios

     big letters dark html5 responsive typography

     #2C2C2E; #EF674F; #74D3CD;

170. 

     The Bullitt Agency

     audio background complex cursor featured fixed grid keyboard navigation transparent

     #585858; #A49775; #8D8D8D;

171. 

     365 Awesome Designers

     dark fixed grunge one page showcase slide

     #2C2C2C; #737373; #CF4F66;

172. 

     Joint

     big letters dark navigation simple slide

     #2B2B2B; #2C2C2C; #E1E1E1;

173. 

     Rule of Three

     animation fixed grey slide typography vector

     #2B2B2B; #FEFEFE; #6E6F71;

174. 

     DIY

     button colorful html5 typography vector

     #282828; #76F4AB; #D0CA68;

175. 

     Designed To Move

     big letters button colorful fixed green navigation orange video

     #363636; #EB6E1E; #A0CE6B;

176. 

     Patrick Katzman

     big images carousel fixed grid hover navigation preload slide typography

     #2E2A29; #283845; #494431;

177. 

     2012 Year on Twitter

     big images clean colorful navigation twitter

     #2B2B2B; #00ABF1; #FDA30E;

178. 

     welikesmall

     background big images carousel dark navigation slide typography

     #0C0C0A; #D9513B; #484441;

179. 

     Escape Flight

     big images big letters dropdown fixed form hover lightbox typography

     #222222; #FBE311; ;

180. 

     Meng To

     animation big images dark navigation responsive

     #383D43; #202328; #D1D8B7;

181. 

     Playground Inc

     animation big images featured navigation responsive vector

     #54473F; #B9B9B7; #2A77A1;

182. 

     Bienville Capital Management

     background dark icons responsive slide typography

     #686458; #212121; #FFFDFA;

183. 

     TriplAgent

     app button colorful form iphone orange purple responsive typography

     #492549; #FC854D; #ECE5DD;

184. 

     Martina Sperl

     big images carousel hover slide video

     #354842; #BCBABD; #FCFFFF;

185. 

     Media Temple

     button clean dropdown form grid icons responsive typography

     #272B2E; #FEFDF8; #4FE1A2;

186. 

     World In My Lens

     big images dark grid lightbox map navigation slide

     #383838; #68A7AE; #E4CCAA;

187. 

     LIX

     animation carousel dark scroll video

     #3D3D3D; #FBFBFB; #DC5849;

188. 

     Knoed Creative

     big images dark navigation responsive typography

     #595A5C; #5F5F5F; #FEFEFE;

189. 

     Code and Theory

     big letters dark navigation responsive search

     #212121; #202020; #FFFFFF;

190. 

     Ghostly Ferns

     big images colorful icons responsive scroll slide typography

     #393739; #AFFDD4; #FFFEFF;

191. 

     Big Hat

     big images colorful grid responsive slide typography

     #32333C; #5DCAC0; #FFFFFF;

192. 

     Bielke&Yang

     arrow big images big letters carousel cursor light preload white

     #314B51; #FFFEFF; #464446;

193. 

     Christopher Ireland

     big images grid navigation preload responsive slide video

     #434751; #87766C; #757286;

194. 

     Susa Ventures

     featured green one page scroll typography yellow

     #3C4945; #EFC520; #313838;

195. 

     Romain Bouchereau

     animation background colorful dark hover navigation slide typography

     #201E20; #6D494D; #2B0005;

196. 

     Squares Conference

     big images conference dark navigation red responsive

     #3A383A; #DF3030; #FFFDFF;

• © 2017 CSSline