This website uses the μ css framework.

The μ framework is just 1 kb.

Inspired by the motherfuckingwebsite.com, using μ css framework is simple as fuck.

As the motherfuckingwebsite, μ css framework:

• is lightweight and loads fast
• fits on all your shitty screens (and it's mobile first)
• looks the same in all your shitty browsers
• accessible to every asshole that visits your site
• legible and gets your fucking point across

No more explanations needed, try it out and if required check the source code of this page.

Show room

Typography

H1 title

H2 title

H3 title

H4 title

H5 title

Paragraph lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Link

Button

Input

Textarea

Select

Separator

Table

Code

import "earth"

void main() {
    print("Hello world")
}

Grid

Basic example

<div class="row">
  <div class="c g2">First column</div>
  <div class="c g2">Second column</div>
</div>

More combinations

The possibilities are endless...

Customization

Everything is really easy to customize, here some examples:

Buttons

button.primary {
  color: #fff;
  background: #19e;
}
button.large {
  font-size: 18px;
  padding: 15px 32px;
}
button.round {
  border-radius: 6px;
}
button.outline {
  text-transform: uppercase;
  background: transparent;
  border: 2px solid #444;
}

Tables

table.zebra tbody tr:nth-child(2n+1) {
  background-color: #f3f3f3;
}


table.bordered, table.bordered th, table.bordered td {
  border: 1px solid #ddd;
}