Web Components Framework - Web组件框架
-
Updated
Oct 10, 2026 - TypeScript
Web Components Framework - Web组件框架
Full CSS support for JSX without compromises
A curated list of awesome Web Components resources.
Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers
🔰 Utilise Shadow DOM in React with all the benefits of style encapsulation.
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
🎨面向未来的原生 web components UI组件库
Mount React components to the DOM using custom elements
Dead-simple JS framework for native web components.
Markup and styles that feel right
Professional-grade, local-first browser extension that transforms any webpage into high-fidelity, LLM-friendly Markdown entirely within the browser's runtime. Zero-cloud, privacy-centric, and designed specifically for AI workflows.
🔮 A web-component html5 video player facing future
🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
querySelector that can pierce Shadow DOM roots without knowing the path through nested shadow roots. Useful for automated testing of Web Components. Production use is not advised, this is for test environments/tools such as Web Driver, Playwright, Puppeteer
Navigation minimap extension for modern AI chat interfaces, injecting responsive scrollbar indicators via Shadow DOM isolation.
Everything you need to know about Shadow DOM
Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.
Fast and simple custom elements.
📝Webpack loader for Omi.js React.js and Rax.js components 基于 Omi.js,React.js 和 Rax.js 单文件组件的 Webpack 模块加载器
To associate your repository with the shadow-dom topic, visit your repo's landing page and select "manage topics."