Building a framework-independent component library

In an environment where you work on various projects with different technologies, a frontend library based on WebComponents can help avoid redundant code and create a consistent overall appearance. WebComponents can be integrated in an isolated manner using the Shadow DOM, and Lit, as a lightweight wrapper, eliminates a lot of boilerplate code.

The process of building a component library with Vite will be implemented step by step using an example component.

Storybook then allows us to package everything neatly and provides both the code and usage examples of the components in a clear and structured interface.