> Markdown version of [/videos/459-extending-html-with-web-components?t=276](https://www.wearedevelopers.com/videos/459-extending-html-with-web-components?t=276). 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).

---

# Extending HTML with Web Components

Tired of rewriting the same UI components for React, Vue, and Angular? Discover how vanilla Web Components deliver framework-agnostic, encapsulated elements that save enterprise time.

- **Speakers:** [Rowdy Rabouw](https://www.wearedevelopers.com/@rowdy-rabouw)
- **Event:** World Congress 2022
- **Published:** June 15, 2022
- **Duration:** 41:54
- **URL:** https://www.wearedevelopers.com/videos/459-extending-html-with-web-components
- **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/528931bc1a980d44a03638911272b899/thumbnails/thumbnail.jpg?time=278500ms

## Access

Playback and chapters for this video are available with a Free account.

## Related Moments

- [Understanding standard technologies behind web component architecture](https://www.wearedevelopers.com/videos/648-accessibility-with-web-components) (from "Accessibility with Web Components")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/94ac1b763a59a26dc68a0ca9efca7ed5/thumbnails/thumbnail.jpg?time=265545ms
- [Leveraging web components for independent UI elements](https://www.wearedevelopers.com/videos/1210-unlocking-seamless-collaboration-design-first-apis-for-ui-components) (from "Unlocking Seamless Collaboration: Design-First APIs for UI Components")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/602e0de7f4eddab547c697effb3640ed/thumbnails/thumbnail.jpg?time=252835ms
- [Core browser standards supporting custom web components](https://www.wearedevelopers.com/videos/313-frameworkless-how-to-use-web-components-in-production) (from "Frameworkless: How to use Web-Components in production?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/a6b12838f893f435e742169e887446dd/thumbnails/thumbnail.jpg?time=196505ms
- [Building isolated UI elements using standard web components](https://www.wearedevelopers.com/videos/774-why-lit-is-fire) (from "Why LIT is Fire")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/342ef75427635287784c6e5e1c0c20c2/thumbnails/thumbnail.jpg?time=229410ms
- [The role of web components in modern web development](https://www.wearedevelopers.com/videos/1265-keith-cirkle-of-github-on-react-fatigue) (from "Keith Cirkle of GitHub on React Fatigue")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/c3a9ac2fbbd8befafbfcf83bf16de8dd/thumbnails/thumbnail.jpg?time=201265ms
- [Building framework-less architectures with native custom web components](https://www.wearedevelopers.com/videos/438-making-of-paint-js-org-a-web-component-based-productivity-pwa) (from "Making of paint.js.org—a Web Component-based Productivity PWA")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/f5f0edbbe8f4a7d591e67f409cd7e5c5/thumbnails/thumbnail.jpg?time=13900ms

## Related Articles

- [The HTML Elements That You’re Probably Over-Engineering](https://www.wearedevelopers.com/magazine/646-the-html-elements-that-you-re-probably-over-engineering)
- [3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents](https://www.wearedevelopers.com/magazine/684-3-javascript-free-techniques-for-accordions-dialogs-and-table-of-contents)
- [HTML Media Elements and How to Use Them: <video> and <audio>](https://www.wearedevelopers.com/magazine/668-html-media-elements-and-how-to-use-them-video-and-audio)
- [The State of HTML 2024: What can we learn from it?](https://www.wearedevelopers.com/magazine/506-the-state-of-html-2024-what-can-we-learn-from-it)

## Related Jobs

- [Senior Web Software Architect, AI Experiences](https://www.wearedevelopers.com/jobs/ext/4523834-senior-web-software-architect-ai-experiences) at **TeamViewer Germany GmbH**
- [Staff Engineer - Web Platform](https://www.wearedevelopers.com/jobs/ext/3243034-staff-engineer-web-platform) at **Intercom, Inc.**
- [Senior AI Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/2552851-senior-ai-frontend-engineer) at **TeamViewer Germany GmbH,**
- [Senior Product Engineer](https://www.wearedevelopers.com/jobs/48544-senior-product-engineer) at **Blacksmith Software**
- [React Engineer For Next.Js Ui - Hybrid, Impactful Fintech](https://www.wearedevelopers.com/jobs/ext/1934580-react-engineer-for-next-js-ui-hybrid-impactful-fintech) at **Bitpanda**
- [Senior Software Engineer, React (Investing & Trading)](https://www.wearedevelopers.com/jobs/ext/1937625-senior-software-engineer-react-investing-trading) at **Bitpanda**