How to separate design from frontend?

Question

css

Hello. There are three projects with the same design, two of these projects are static (admin panel and community), the third project is on Vue. I would like to move the design into a separate npm package and use it in all projects in order to inherit the design and synchronize it across all projects. Is this the correct solution, is there a better one?

Answer 1

bootstrap to you as an example of such a package https://github.com/twbs/bootstrap/tree/master/scss
take out all the styles in a separate project, then add it wherever you need to dependencies and reuse

Answer 2

For this, there is an excellent tool - storybook , an implementation example - the Alfa Bank component library