shadow-dom

There are 14 repositories under shadow-dom topic.

omi
Tencent / omi
Web Components Framework - Web组件框架
components css custom-elements html javascript js jsx omi reactive-signal shadow-dom signal signals tailwind tailwindcss ts tsx typescript web web-components webcomponents
Language:TypeScript 13238
vercel / styled-jsx
Full CSS support for JSX without compromises
react jsx css dynamic-styles css-in-js shadow-dom
Language:JavaScript 7795
web-padawan / awesome-web-components
A curated list of awesome Web Components resources.
awesome awesome-list custom-elements shadow-dom web-components webcomponents
3327
jhildenbiddle / css-vars-ponyfill
Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers
client client-side css custom-properties custom-property ie ie9 ie10 ie11 internet-explorer javascript legacy module polyfill ponyfill shadow shadow-dom variables vars web-component
Language:JavaScript 1464
Wildhoney / ReactShadow
:beginner: Utilise Shadow DOM in React with all the benefits of style encapsulation.
components css-document react reactjs shadow-boundary shadow-dom style-encapsulation webcomponents
Language:JavaScript 1372
atomico
atomicojs / atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
reactive-properties shadow-dom jsx web-components atomico hooks
Language:JavaScript 1240
xy-ui
XboxYan / xy-ui
🎨面向未来的原生 web components UI组件库
custom-elements giscus html5 javascript keyboard shadow-dom ui-components ui-library web-components webcomponents xy-ui
Language:JavaScript 1211
rstacruz / remount
Mount React components to the DOM using custom elements
custom-elements onmount react shadow-dom web-components
Language:JavaScript 722
minze
sergejcodes / minze
Dead-simple JS framework for native web components.
webcomponents web-components custom-elements shadow-dom storybook web-elements design-system vite vitejs ui
Language:TypeScript 567
reshadow
yandex / reshadow
Markup and styles that feel right
css css-in-js shadow-dom react preact vue htm css-modules
Language:JavaScript 364
LukasBombach / react-web-component
Create Web Components with React
react shadow-dom web-component
Language:JavaScript 287
yisar / eplayer
:crystal_ball: A web-component html5 video player facing future
player html5-video hls-player html5-player video-player web-components shadow-dom scoped-css custom-css
283
Switzerland
Wildhoney / Switzerland
🇨🇭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.
webcomponents virtual-dom shadow-dom functional immutable css-variables custom-elements components component component-architecture
Language:TypeScript 267
webdriverio / query-selector-shadow-dom
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
webcomponents shadow-dom javascript puppeteer queryselector playwright webdriver protractor selenium
Language:JavaScript 260
praveenpuglia / shadow-dom-in-depth
Everything you need to know about Shadow DOM
shadow-dom web-components guide doubts questions explanations examples custom-elements shadow-roots slot document-fragment light-dom-elements shadow-trees css
238
ioing / IOING
Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.
ioing javascript webcomponents spa single-page-applications framework mvvm virtual-dom sandbox shadow-dom
Language:JavaScript 233
Wscats / omil
📝Webpack loader for Omi.js React.js and Rax.js components 基于 Omi.js，React.js 和 Rax.js 单文件组件的 Webpack 模块加载器
omi eno-loader loader webpack jsx shadow-dom preact htm omil single-file-component rax react
Language:JavaScript 181
element
lume / element
Fast and simple custom elements.
html custom-elements web-components jsx tsx shadow-dom css javascript typescript webgl threejs solid html-elements 3d 3d-graphics lume
Language:TypeScript 173
skruv / skruv
No-dependency, no-build, small JS view-library/framework-ish-thing.
javascript framework web async-components async-generators shadow-dom
Language:TypeScript 135
abraham / nutmeg
Build, test, and publish vanilla Web Components with a little spice
webcomponents cli typescript javascript lit-html shadow-dom web-components custom-elements webpack karma hacktoberfest lit-element
Language:TypeScript 117
DannyMoerkerke / material-webcomponents
Material Design implemented in Web Components (Custom Elements v1)
material-design webcomponents custom-elements shadow-dom
Language:JavaScript 116
sukgu / shadow-automation-selenium
This project focuses on automation of multi-level shadow root dom using java selenium. You can embed this plugin in your java selenium project.
selenium selenium-webdriver selenium-java shadow-dom polymer automation testing-tools custom-elements custom-tag
Language:Java 114
webcomponents.today
web-padawan / webcomponents.today
A curated collection of Web Components resources.
custom-elements customelements shadow-dom shadowdom web-components webcomponents
Language:JavaScript 102
salesforce / kagekiri
Shadow DOM-piercing query APIs for the browser.
shadow-dom selector
Language:JavaScript 92
custom-element
DannyMoerkerke / custom-element
A base class for Web Components (Custom Elements) which provides simple data binding.
webcomponents shadow-dom custom-elements javascript
Language:JavaScript 89
nuxt-custom-elements
GrabarzUndPartner / nuxt-custom-elements
Publish your components as a custom-element standalone build.
nuxtjs vuejs vue-custom-element custom-element shadow-dom nuxt-module
Language:JavaScript 82
ptkdev-components / webcomponent-instagram-widget
🖼 Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.
instagram instagram-widget instagram-photos webcomponents instagram-box igwidget instagram-profile custom-elements shadow-dom
Language:JavaScript 77
developit / preact-shadow-root
🕴 Render a Preact subtree into the Shadow DOM.
preact preact-components shadow-dom
Language:JavaScript 73
sbabcoc / Selenium-Foundation
Selenium Foundation is an automation framework designed to extend and enhance the capabilities provided by Selenium (WebDriver).
selenium selenium-java testng page-object-model configuration screenshot testng-reporter junit-rule junit-runner testng-listener appium htmlunit selenium-grid shadow-dom javascript-exceptions selenium-api driver-targeting junit-runlistener junit-watcher byte-buddy
Language:Java 63
geocine / custom-elements-ts
Create native custom elements using Typescript
custom-elements typescript decorators shadow-dom web-components
Language:TypeScript 62
2A5F / shadow
Shadow dom support for Vue
vue vue-shadow-dom shadow-dom vue-component vue-components vue-directive shadow shadow-dom-support
Language:TypeScript 60
YaoApp / xgen
A official lowcode resolution based yao app engine.
components low-code react ant-design design-system mobx shadow-dom typescript umi
Language:TypeScript 55
andreasbm / focus-trap
A lightweight web component that traps focus within a DOM node
focus focus-trap acessibility web-components custom-elements dialog shadow-dom shadow-root
Language:TypeScript 54
OlegWock / inject-react-anywhere
Inject React components into 3rd-party sites using ShadowDOM with ease (and without troubles with styles)! Particularly useful in browser extensions
react shadow-dom webext webextension
Language:TypeScript 54
charbelrami / grid-container
A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)
grid grid-layout web-components custom-elements shadow-dom
Language:HTML 51
salesforce / lwc-test
LWC plugins and utilities for testing
lwc jest test web-components unit-test shadow-dom
Language:JavaScript 51

shadow-dom

Tencent / omi

vercel / styled-jsx

web-padawan / awesome-web-components

jhildenbiddle / css-vars-ponyfill

Wildhoney / ReactShadow

atomicojs / atomico

XboxYan / xy-ui

rstacruz / remount

sergejcodes / minze

yandex / reshadow

LukasBombach / react-web-component

yisar / eplayer

Wildhoney / Switzerland

webdriverio / query-selector-shadow-dom

praveenpuglia / shadow-dom-in-depth

ioing / IOING

Wscats / omil

lume / element

skruv / skruv

abraham / nutmeg

DannyMoerkerke / material-webcomponents

sukgu / shadow-automation-selenium

web-padawan / webcomponents.today

salesforce / kagekiri

DannyMoerkerke / custom-element

GrabarzUndPartner / nuxt-custom-elements

ptkdev-components / webcomponent-instagram-widget

developit / preact-shadow-root

sbabcoc / Selenium-Foundation

geocine / custom-elements-ts

2A5F / shadow

YaoApp / xgen

andreasbm / focus-trap

OlegWock / inject-react-anywhere

charbelrami / grid-container

salesforce / lwc-test