Back to portfolioCase study / 03
03 · Tooling

A component library the team actually uses.

ROLESenior FE Dev
TEAMBlackpepper
YEAR2023 — 2024
STACKVue, SCSS

01 — Brief

Design and build a reusable Vue component library for internal tools — consistent patterns, shared styling conventions, and baked-in accessibility standards.

02 — Approach

Built the library from the ground up with Vue 3, SCSS, and a strict BEM naming convention. Created living documentation so the team could adopt components without hunting through source code.

03 — Outcomes

  • Measurably faster feature delivery — teams stopped rebuilding the same UI from scratch.
  • Consistent look and feel across projects without per-project negotiations.
  • Docs tight enough that a new dev could ship a feature on day one.

04 — Stack

VueSCSSVitepress