Topic: shadow-dom Goto Github

Some thing interesting about shadow-dom

👇 Here are 302 public repositories matching this topic...

2a5f / shadow

shadow-dom,Shadow dom support for Vue

User: 2a5f

Home Page: https://www.npmjs.com/package/vue-shadow-dom

vue vue-shadow-dom shadow-dom vue-component vue-components vue-directive shadow shadow-dom-support

abraham / nutmeg

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

User: abraham

Home Page: https://nutmeg.dev

webcomponents cli typescript javascript lit-html shadow-dom web-components custom-elements webpack karma

abramenal / cypress-shadow-dom

shadow-dom,Extend Cypress commands with shadow DOM support

User: abramenal

Home Page: https://npm.im/cypress-shadow-dom

cypress cypress-io cypressio cypressjs cypress-plugin cypress-shadow-dom shadow-dom

shadow-dom,The epic event-driven browser language for UI with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?

Organization: active-css

Home Page: https://activecss.org

activecss css framework shadow-dom web-components event-driven javascript

adamlacombe / shadow-dom-inject-styles

shadow-dom,:tada: A helper function to easily modify Shadow DOM CSS.

User: adamlacombe

Home Page: https://www.npmjs.com/package/shadow-dom-inject-styles

shadow-dom css ionic4 stenciljs web-components

andreasbm / focus-trap

shadow-dom,A lightweight web component that traps focus within a DOM node

User: andreasbm

Home Page: https://appnest-demo.firebaseapp.com/focus-trap/

focus focus-trap acessibility web-components custom-elements dialog shadow-dom shadow-root

atomicojs / atomico

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

Organization: atomicojs

Home Page: https://atomicojs.dev

reactive-properties shadow-dom jsx web-components atomico hooks

ayushgp / web-components-tutorial

shadow-dom,HTML Web Component using Vanilla JavaScript

User: ayushgp

Home Page: https://ayushgp.github.io/html-web-components-using-vanilla-js/

html dom-standards shadow-dom tutorials web-components

charbelrami / grid-container

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

User: charbelrami

Home Page: https://charbelrami.github.io/grid-container/

grid grid-layout web-components custom-elements shadow-dom

chialab / dna

shadow-dom,🧬 Progressive Web Components.

Organization: chialab

Home Page: http://chialab.github.io/dna/

custom-elements shadow-dom virtual-dom webcomponents

dannymoerkerke / custom-element

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

User: dannymoerkerke

webcomponents shadow-dom custom-elements javascript

dannymoerkerke / material-webcomponents

shadow-dom,Material Design implemented in Web Components (Custom Elements v1)

User: dannymoerkerke

Home Page: https://dannymoerkerke.github.io/material-webcomponents/

material-design webcomponents custom-elements shadow-dom

developit / preact-shadow-root

shadow-dom,🕴 Render a Preact subtree into the Shadow DOM.

User: developit

Home Page: https://npm.im/preact-shadow-root

preact preact-components shadow-dom

geocine / custom-elements-ts

shadow-dom, Create native custom elements using Typescript

User: geocine

Home Page: https://geocine.github.io/custom-elements-ts/

custom-elements typescript decorators shadow-dom web-components

grabarzundpartner / nuxt-custom-elements

shadow-dom,Publish your components as a custom-element standalone build.

Organization: grabarzundpartner

Home Page: https://nuxt-custom-elements.grabarzundpartner.dev

nuxtjs vuejs vue-custom-element custom-element shadow-dom nuxt-module

ioing / ioing

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

User: ioing

Home Page: http://www.ioing.com

ioing javascript webcomponents spa single-page-applications framework mvvm virtual-dom sandbox shadow-dom

ionicthemes / ionic-custom-components

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

Organization: ionicthemes

Home Page: https://ionicthemes.com/tutorials/about/ionic-4-tutorial-mastering-web-components-in-ionic-4

angular css4 custom-components ionic ionic-framework shadow-dom stencil stenciljs web-components

jhildenbiddle / css-vars-ponyfill

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

User: jhildenbiddle

Home Page: https://jhildenbiddle.github.io/css-vars-ponyfill

client client-side css custom-properties custom-property ie ie9 ie10 ie11 internet-explorer

jhildenbiddle / get-css-data

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

User: jhildenbiddle

css cssom custom-properties custom-property es6 iframe import javascript legacy link

just214 / svelte-custom-element

shadow-dom,A project template to build custom elements (web components) with Svelte.

User: just214

svelte custom-elements web-components shadow-dom

knownasilya / ember-shadow-dom

shadow-dom,Write templates for your components inside of a Shadow DOM root.

User: knownasilya

ember-addon ember emberjs shadow-dom shadow-root

lukasbombach / react-web-component

shadow-dom,Create Web Components with React

User: lukasbombach

react shadow-dom web-component

lume / element

shadow-dom,Fast and simple custom elements.

Organization: lume

Home Page: https://lume.io

html custom-elements web-components jsx tsx shadow-dom css javascript typescript webgl threejs solid html-elements 3d 3d-graphics lume

matteobad / focus-within-polyfill

shadow-dom,Small vanilla javascript that feature detect the :focus-within pseudo selector and polyfills it with a standard css class if necessary.

User: matteobad

Home Page: https://matteobad.github.io/focus-within-polyfill/

polyfill focus-within pseudo-classes webcomponents-polyfill shadow-dom vanilla-js focus blur

n6ai / minze

shadow-dom,Dead-simple JS framework for native web components.

Organization: n6ai

Home Page: http://minze.dev

webcomponents web-components custom-elements shadow-dom storybook web-elements design-system vite vitejs ui

olegwock / inject-react-anywhere

shadow-dom,Inject React components into 3rd-party sites using ShadowDOM with ease (and without troubles with styles)! Particularly useful in browser extensions

User: olegwock

react shadow-dom webext webextension

pmdartus / event-visualizer

shadow-dom,A visualization tool to better understand how events propagate in the shadow DOM.

User: pmdartus

event shadow-dom web-component

praveenpuglia / shadow-dom-in-depth

shadow-dom,Everything you need to know about Shadow DOM

User: praveenpuglia

shadow-dom web-components guide doubts questions explanations examples custom-elements shadow-roots slot

ptkdev-components / webcomponent-instagram-widget

shadow-dom,🖼 Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.

Organization: ptkdev-components

Home Page: https://npmjs.com/package/@ptkdev/webcomponent-instagram-widget

instagram instagram-widget instagram-photos webcomponents instagram-box igwidget instagram-profile custom-elements shadow-dom

rstacruz / remount

shadow-dom,Mount React components to the DOM using custom elements

User: rstacruz

react web-components custom-elements shadow-dom onmount

salesforce / codeceptjs-bdd

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

Organization: salesforce

Home Page: https://gkushang.github.io/

bdd codeceptjs-bdd parallel saucelabs assertions lwc salesforce shadow-dom salesforce-automation webcomponents

salesforce / kagekiri

shadow-dom,Shadow DOM-piercing query APIs for the browser.

Organization: salesforce

shadow-dom selector

salesforce / lwc-test

shadow-dom,LWC plugins and utilities for testing

Organization: salesforce

lwc jest test web-components unit-test shadow-dom

sbabcoc / selenium-foundation

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

User: sbabcoc

selenium selenium-java testng page-object-model configuration screenshot testng-reporter junit-rule junit-runner testng-listener

skruv / skruv

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

Organization: skruv

Home Page: https://skruv.io

javascript framework web async-components async-generators shadow-dom

sukgu / shadow-automation-selenium

shadow-dom,This project focuses on automation of multi-level shadow root dom using java selenium. You can embed this plugin in your java selenium project.

User: sukgu

Home Page: https://search.maven.org/artifact/io.github.sukgu/automation

selenium selenium-webdriver selenium-java shadow-dom polymer automation testing-tools custom-elements custom-tag

tal1992 / svelte-webcomponents

shadow-dom,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.

User: tal1992

web-components web-component svelte svelte3 sveltejs javascript custom-elements shadow-dom open-source

tencent / omi

shadow-dom,Web Components Framework - Web组件框架

Organization: tencent

Home Page: http://omijs.org

omi jsx web-components custom-elements shadow-dom webcomponents web tsx components css

vercel / styled-jsx

shadow-dom,Full CSS support for JSX without compromises

Organization: vercel

Home Page: http://npmjs.com/styled-jsx

react jsx css dynamic-styles css-in-js shadow-dom

web-padawan / awesome-web-components

shadow-dom,A curated list of awesome Web Components resources.

User: web-padawan

awesome awesome-list custom-elements shadow-dom web-components webcomponents

web-padawan / webcomponents.today

shadow-dom,A curated collection of Web Components resources.

User: web-padawan

Home Page: https://webcomponents.today

custom-elements customelements shadow-dom shadowdom web-components webcomponents

webdriverio / query-selector-shadow-dom

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

Organization: webdriverio

webcomponents shadow-dom javascript puppeteer queryselector playwright webdriver protractor selenium

wildhoney / reactshadow

shadow-dom,:beginner: Utilise Shadow DOM in React with all the benefits of style encapsulation.

User: wildhoney

Home Page: https://react-shadow.herokuapp.com/

react reactjs shadow-dom webcomponents components style-encapsulation shadow-boundary css-document

wildhoney / switzerland

shadow-dom,🇨🇭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.

User: wildhoney

Home Page: https://switzerland.herokuapp.com/

webcomponents virtual-dom shadow-dom functional immutable css-variables custom-elements components component component-architecture