Top 41 shadow-dom open source projects

🔮 A web-component html5 video player facing future

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

Create Web Components with React

Extraordinary JavaScript framework with unique declarative and functional architecture

Everything you need to know about Shadow DOM

Front End Cross-Frameworks Framework - 前端跨框架跨平台框架

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

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

Build, test, and publish vanilla Web Components with a little spice

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

A base class for Web Components (Custom Elements) which provides simple data binding.

Create native custom elements using Typescript

Extend Cypress commands with shadow DOM support

🔰 Utilise Shadow DOM in React with all the benefits of style encapsulation.

Progressive Web Components.

JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API

Full CSS support for JSX without compromises

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

Mount React components to the DOM using custom elements

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

Markup and styles that feel right

🇨🇭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.

Simple, isolated CSS-in-JS for React components

A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.

🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.

HTML Web Component using Vanilla JavaScript

Selenium Foundation is an automation framework designed to extend and enhance the capabilities provided by Selenium (WebDriver).

Write templates for your components inside of a Shadow DOM root.

Javascript BDD UI Automation Framework. Exclusive LWC Shadow DOM Support. Playwright, Webdriver.io, Appium, Saucelabs.

Publish your components as a custom-element standalone build.

A lightweight web component that traps focus within a DOM node

Fast and simple custom elements.

Shadow dom support for Vue

No-dependency, no-build, small JS framework.

JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

Material Design implemented in Web Components (Custom Elements v1)

🎉 A helper function to easily modify Shadow DOM CSS.

LWC plugins and utilities for testing

A light spiritual succesor to neon-animated-pages using only css animations

A micro-library for collecting stylesheet data from link and style nodes