Scaffold CSS. Strong. Flexible.
The CSS layout layer that was always missing.
As strong and flexible as bamboo, rooted in Grid and Flex.
Deeply rooted.
Remarkably strong.
Deeply rooted.
A 12-column grid with semantic span names — full, half, third, quarter. Close to native CSS. If you know Grid, you already know most of this.
Bend without breaking.
Single-axis layouts, alignment helpers, direction modifiers. Grows where Grid doesn’t reach.
Grow where you need it.
Every token is a CSS custom property. Override at :root or scope to one element inline.
Stock by stock. TODO
Every class is generated from a SCSS mixin. Use classes in HTML or call mixins in your own selectors — same CSS either way.
A meter a day.
Every span and flex class at every breakpoint. Mobile-first. Add a prefix, move on. Fast as bamboo.
Stands alone.
Every class and custom property uses the .scaffold- prefix. Drop it next to any library. Not a single conflict. Ever.
Bamboo Fun Facts
It grows on you.
Actual Scaffolding
Bamboo is used as real construction scaffolding for skyscrapers in Hong Kong and China. We named this CSS library after it. We feel this is appropriate.
Edison's secret
The first Edison lightbulb filament was carbonized bamboo. It lasted 1,200 hours. We cannot verify our CSS lasts that long but we’re hopeful.
120-year flowering
Some species flower once every 120 years, then die. All plants of the same species flower simultaneously worldwide. Nobody fully understands why.
Panda Problem
Giant pandas eat 12–38kg of bamboo per day and barely get any nutrition from it. They are essentially always eating. We respect the commitment.
Faster than you think
Some species grow up to 91cm in a single day. You can almost watch it happen. Our compiled CSS is also fast. Different reasons.
Stronger than Steel
Bamboo has higher tensile strength than some types of steel and withstands compression better than concrete. Lee was not wrong.