> Markdown version of [/events/world-congress-2024/sessions/354-write-once-use](https://www.wearedevelopers.com/events/world-congress-2024/sessions/354-write-once-use). 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).

---

# Write once, use anywhere: Framework agnostic Design Systems with Web Components


- **Date:** Friday, Jul 19, 2024
- **Time:** 12:45–13:45 (60 min)
- **Room:** Workshop room M4 (40)
- **Event:** World Congress 2024

## Description

There are plenty of them out there. No, we're not talking about front-end frameworks but ready-made component libraries such as "Angular Material", "Ionic", "MUI", and many more. They all try to simplify our lives as developers and provide us with reusable components. Depending on the library, they are framework-dependent or independent, sometimes better, sometimes worse for customization.

This is why it is not uncommon for companies to create their libraries according to their needs in the enterprise environment. If different front-end frameworks or CMS systems are also to be operated with them, there is no way around them—Web Components.

In this session, Sascha Lehmann from Thinktecture will show you how you can build highly customizable and lightweight web components with the help of "Lit," what pitfalls you need to watch out for when architecting the library and how you can achieve the highest possible compatibility by using the APIs that the browser gives us.

## Speaker

### [Sascha Lehmann](https://www.wearedevelopers.com/@sascha-lehmann)

Thinktecture AG, Developer Consultant


## Related talks at this congress

- [Leveraging Storybook for Component Driven Development outside of your classic Component Library.](https://www.wearedevelopers.com/events/world-congress-2024/sessions/221-leveraging-storybook) — Emma Britnor
- [Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular](https://www.wearedevelopers.com/events/world-congress-2024/sessions/104-native-federation) — Manfred Steyer
- [View-Transition-API: Gamechanger for hybrid app-development](https://www.wearedevelopers.com/events/world-congress-2024/sessions/294-view-transition-api) — Sascha Lehmann
- [5 tips to know before building a design system](https://www.wearedevelopers.com/events/world-congress-2024/sessions/81-5-tips-to-know) — Dani Coll