Instant Style-Guides From CSS Files – Kalei Styleguide

We probably all experience the easy-to-use style-guides of front-end frameworks like Bootstrap or Foundation.

Such guides help a lot when it comes to reaching the “how-to” quickly and they are a common source of information to make sure that every designer consumes the code in a similar way.

Kalei Styleguide

Kalei Styleguide is a project that can auto-generate such (Bootstrap-like) style-guides from the “live” CSS files so it is always up-to-date.

It works on the client-side and uses the comments in stylesheets for creating the titles + navigation.

Simply, it is a less-effort, almost instant generator that enables us to get organized with our stylesheets.