Bloom UI Component Library

Bulit with Node and express, this project was an exercise in creating a living style guide. Style guides are an extremely valuable tool for any development team, as they help improve consistency of style, reduce the amount of CSS needed, and increase speed and productivity when developing a site or app.

Bloom Responsive Screenshots

Consistent Style

If a designer or developer needs to add a button to the markup, they simply navigate to the appropriate page and copy and paste the code. There's no need to write any additional markup or try and guess what CSS rules to apply.

Bloom Responsive Screenshots

Detailed Documentation

Things like the grid system can be a potential point of difficulty when building out a site or app. The style guide is there to provide example markup and an explanation on how to use the feature in question.