Stencil

Stencil was built to serve as component library for customer facing pages within Vistaprint Digital. Namely, it services our product pages by exposing commonly used UI assets prebaked, reusable, React components. Stencil was built in close collaboration with the design team within Vistaprint Digital and its usage has been widely adopted.

While building Stencil I served as UI architect and primary contributor. My experience with building component libraries informed much of the CSS design. We follow BEM with a strong emphasis on shallow selectors. This design is critical for scaling CSS. We encapsulated each of these UI components into React components that can be easily imported and customized by other developers.

  • Stencil Button Documentation
  • Stencil Color Palette Documentation
  • Stencil Documentation Home Page
  • Stencil Media Cards Documentation
  • Stencil Package Cards Documentation