LogRocket

Web components are native components that work across all browsers without relying on build tools. This article discusses how to create a reusable card component using web components and vanilla JavaScript, as well as how to use layout containers to organize multiple cards. It provides code examples and explains the benefits of using web components.

Nesting web components in vanilla JavaScript

Community Picks

A reading list of web component blog posts and resources. Includes the 2023 State of Web Components, debunking myths and misconceptions, and how web components eliminate JavaScript framework lock-in.

Web components reading list – 12 Days of Web Components

Web Components are a set of web platform APIs and standards for building reusable and encapsulated custom HTML elements. They enable developers to create modular, interoperable, and framework-agnostic UI components that can be used across different web applications. Readers can explore how Web Components improve web development by promoting component-based architecture, code reusability, and interoperability, enabling developers to build flexible and maintainable web applications with encapsulated UI components.

Best of Web Components — December 2023