Framework-agnostic components that survive tech stack changes.
Estimated reading time
Nord Design System uses Web Components and serves multiple product lines with one codebase.
Framework-agnostic components reduce migration cost when stacks change.
In my experience, a React 17 to 18 migration across 200 components took 6 weeks. As Web Components, the components themselves would not have changed; only the wrapper layer would.
Choose between React wrappers and native web components: 25 criteria and rules, a weighted matrix and a scorer that shows its working.
Let tokens into shadow roots and keep styles from leaking: 24 rules, a 12-check linter for CSS and Lit templates, and a browser probe.
Start a web component library that runs: a Lit 3 button, Storybook 10, 19 browser tests and 25 checks, verified from a clean install.
The share link includes source tracking so LinkedIn traffic stays measurable in analytics.
Want help implementing this? Let's talk about your system or workflow.