Best of Web Components — March 2026

1. 1
   Article

   Hacker News·9w

   Video.js v10 Beta: Hello, World (again)

   Video.js v10.0.0 beta is a ground-up rewrite merging Video.js, Plyr, Vidstack, and Media Chrome into a single modern framework. Key highlights include an 88% reduction in default bundle size (66% even without ABR), a new composable streaming engine called SPF that enables much smaller adaptive bitrate bundles, first-class React and TypeScript support, unstyled UI primitives inspired by Radix/Base UI, and a shadcn-style skin ejection system. The architecture is fully composable — unused features are tree-shaken out. Three presets ship with the beta: video, audio, and background video. New skins were designed by Plyr's creator Sam Potts. GA is targeted for mid-2026, with migration guides for Video.js v8, Plyr, Vidstack, and Media Chrome planned before then.

   194

   5
2. 2
   Article

   Chrome Developers·11w

   Chrome for Developers

   Chrome 146 introduces three notable features for web developers. Scroll-triggered animations enable declarative CSS-based control of animations based on scroll position, replacing common JavaScript-based scroll detection patterns. Scoped custom element registries allow multiple custom element definitions for the same tag name within a page, preventing naming conflicts when using libraries from multiple sources. The Sanitizer API provides a built-in way to strip script-executing content from user-supplied HTML, making it easier to build XSS-free web apps — this updated version is also available in Firefox.

   109

   6
3. 3
   Article

   Ionic Blog·11w

   Announcing Ionic Framework 8.8

   Ionic Framework 8.8 is released as the final minor version in the Ionic 8 lifecycle. Key additions include new drag lifecycle events (ionDragStart, ionDragMove, ionDragEnd) for Sheet and Card Modals, enhanced dual knob support in Range with new CSS Shadow Parts and host classes, and new pull events (ionPullStart, ionPullEnd) for Refresher with deprecation of ionStart. Numerous new CSS Shadow Parts and classes have been added across Content, Datetime, Item, Select, and Toast components. Angular's ModalController and PopoverController now support custom Injectors for scoped dependency injection. Stencil was updated from v4.38 to v4.43. Looking ahead, Ionic Framework 9 will introduce a modular architecture enabling custom theming and React Router 6 support.

   60
4. 4
   Article

   Frontend Masters·12w

   Post Mortem: Rewriting AgnosticUI with Lit Web Components – Frontend Masters Blog

   A developer's post-mortem on rewriting AgnosticUI, a framework-agnostic component library, using Lit and Web Components. Covers key decisions and trade-offs including Shadow DOM encapsulation with CSS ::part for styling hooks, accessibility challenges with label/input associations inside shadow roots, the unfinished state of native form participation (formAssociated), and React 19 vs @lit/react DX comparison. Also details a CLI-first distribution model where consumers copy component source into their projects, and a playbook-based dogfooding workflow using real UI scenarios to catch integration issues unit tests miss.

   30