A few months ago, I worked on a design system project where we faced this question and decided to focus on CSS only, at least to start. We followed Bulma's example and instructed developers to add classes like is-active or is-loading using a framework of their choice. More complicated functionality will probably require web components or something similar - think data tables, date pickers, etc. - but vanilla CSS isn't a bad place to start.
Here are some examples of what other design systems are doing:
Salesforce's Lightning Design System uses web components alongside its own component system.
Edit: This design system uses vanilla JS. The web component implementation of Material Design components is still a work in progress.
IBM's Carbon Design System offers implementations in React, Vue, Angular, and vanilla JS. The vanilla JS version looks a bit like Bootstrap's JS implementation; it doesn't appear to use web components.
I'm super curious about this as well.
A few months ago, I worked on a design system project where we faced this question and decided to focus on CSS only, at least to start. We followed Bulma's example and instructed developers to add classes like
is-activeoris-loadingusing a framework of their choice. More complicated functionality will probably require web components or something similar - think data tables, date pickers, etc. - but vanilla CSS isn't a bad place to start.Here are some examples of what other design systems are doing:
web componentsCSS and vanilla JavaScript. It just left beta in March. There are Material Design implementations for Java, Swift, Web, Angular, etc.Carbon looks to be experimenting