Back to work

Drip Capital · Software Engineer · Apr 2021 — May 2023

Drip UI — Component Library

Internal MUI 5 component library published to npm, adopted across 4 teams with Storybook docs.

Overview

The `@dripcapital/dripui` library is Drip Capital's internal React component system — MUI 5 under the hood, extended with Drip's design tokens and bundled via Rollup into CJS + ESM + TypeScript declarations. Every component ships with MDX stories in Storybook 6 (hosted on Netlify) for instant previews and copy-paste usage examples. Engineers pull it via npm or swap it locally with `yalc` for in-progress iteration. It became the shared foundation across Trade360, Drip Switch, and two other internal portals, eliminating duplicated UI logic and enforcing a consistent visual language.

Screenshots