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.

🎨面向未来的原生 web components UI组件库

Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

Mount React components to the DOM using custom elements

Dead-simple JS framework for native web components.

Markup and styles that feel right

Create Web Components with React

🔮 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

Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.

Everything you need to know about Shadow DOM

📝Webpack loader for Omi.js React.js and Rax.js components 基于 Omi.js，React.js 和 Rax.js 单文件组件的 Webpack 模块加载器

No-dependency, no-build, small JS view-library/framework-ish-thing.

Fast and simple custom elements.

Material Design implemented in Web Components (Custom Elements v1)