> Markdown version of [/events/world-congress-2025/sessions/866-building-a-framework](https://www.wearedevelopers.com/events/world-congress-2025/sessions/866-building-a-framework). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Building a framework-independent component library


- **Date:** Friday, Jul 11, 2025
- **Time:** 14:20–14:50 (30 min)
- **Room:** Stage 9
- **Event:** World Congress 2025
- **Tags:** design patterns, frontend, javascript, ui/ux

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/1679-building-a-framework-independent-component-library)

## Description

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.

## Speaker

### [Tobias Scholz](https://www.wearedevelopers.com/@tobias-scholz)

Senior Consultant


## Related talks at this congress

- [MVI: Minimum Viable Interface for React Components](https://www.wearedevelopers.com/events/world-congress-2025/sessions/909-mvi-minimum-viable) — Daniel Espino Garcia
- [The Dependency Cookbook - Recipes for Micro Frontend success](https://www.wearedevelopers.com/events/world-congress-2025/sessions/645-the-dependency) — Lucas Braeschke, Stefan Bley
- [Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios](https://www.wearedevelopers.com/events/world-congress-2025/sessions/501-advanced-micro) — Manfred Steyer
- [A Practical Guide to Reducing Bundle Size](https://www.wearedevelopers.com/events/world-congress-2025/sessions/722-a-practical-guide-to) — Stephen Cooper