Like what you see? - Star and download it on Github! - There is also a starter page/ demo.

a minimal, pretty semantic, responsive CSS library

Buttons


Button sizes


Utilities

Typography

I'm a h1

I'm a h2

I'm a h3

I'm a h4

I'm a h5
I'm a h6

Bavaria ipsum dolor sit amet schnacksln um Godds wujn do obacht do legst di nieda d’ Weibaleid a bissal, da. Unbandig singd Enzian af, vui wolpern schaugn Maßkruag. Ded du dadst ma scho daugn gwiss, um Godds wujn Hemad Radler i daad a ganze Hoiwe! Woibbadinga Klampfn Haberertanz Edlweiss Schneid jo mei boarischer de Sonn damischa ozapfa umananda. Großherzig hod hogg ma uns zamm Gstanzl ded hogg di hera.

Try and fail, but never fail to try.
<link rel="stylesheet" type="text/css" href="//whatever">

12-column grid system

col-2
bg-red
col-2
bg-pink
col-2
bg-purple
col-2
bg-deep-purple
col-2
bg-indigo
col-2
bg-indigo
col-2
bg-blue
col-2
bg-light-blue
col-2
bg-cyan
col-2
bg-teal
col-2
bg-green
col-2
bg-light-green
col-2
bg-lime
col-3
bg-yellow
col-4
bg-amber
col-3
bg-orange
col-6
bg-deep-orange
col-3
bg-brown
col-1
bg-grey
col-2
bg-blue-grey

It's also responsive!

col-sm-6
bg-red
col-sm-6
bg-yellow
col-md-6
bg-lime
col-md-6
bg-grey
col-lg-6
bg-blue-grey
col-lg-6
bg-cyan
col-xl-6
bg-teal
col-xl-6
bg-purple

Panels

I am a header
This is where the content goes...
I am a header
This is where the content goes...
I am a header
This is where the content goes...
I am a header
This is where the content goes...
I am a header
This is where the content goes...

Material design like shadows

card
depth-0
card
depth-1
card
depth-2
card
depth-3
card
depth-4
card
depth-5

Pagers

  1. «
  2. 1
  3. 2
  4. 3
  5. 4
  6. »

Pagination is present on probably 90% of websites out there. Pagers don't bloat the library and are pretty useful.

Alerts

Inputs

Textareas

Basic Tables

# Make Model Year
1 Honda Accord 2009
2 Toyota Camry 2012
3 Hyundai Elantra 2010

Zebra Tables

# Make Model Year
1 Honda Accord 2009
2 Toyota Camry 2012
3 Hyundai Elantra 2010
4 Cars Accord 2012
5 Are BMW 2010
6 Obsolete BMW 2010

Full-width Tables

# Make Model Year
1 Honda Accord 2009
2 Toyota Camry 2012
3 Hyundai Elantra 2010
4 Cars Accord 2012
5 Are BMW 2010
6 Obsolete BMW 2010

Hover Tables

# Make Model Year
1 Honda Accord 2009
2 Toyota Camry 2012
3 Hyundai Elantra 2010
4 Cars Accord 2012
5 Are BMW 2010
6 Obsolete BMW 2010

Tabs