GitHub topics: shadow-dom

Repositories

michijs/michijs

Web Components with TSX

Language: TypeScript - Size: 2.82 MB - Last synced at: about 1 hour ago - Pushed at: about 3 hours ago - Stars: 41 - Forks: 2

yandex/reshadow

Markup and styles that feel right

Language: JavaScript - Size: 3.2 MB - Last synced at: about 19 hours ago - Pushed at: over 2 years ago - Stars: 364 - Forks: 12

atomicojs/atomico

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

Language: JavaScript - Size: 2.79 MB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 1,232 - Forks: 44

pearlbea/better-img

A simple web component that adds a fallback url and logging function to an image. Vanilla, Nutmeg, Stencil, and Polymer versions.

Language: HTML - Size: 5.94 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 16 - Forks: 4

vercel/styled-jsx

Full CSS support for JSX without compromises

Language: JavaScript - Size: 2.59 MB - Last synced at: 2 days ago - Pushed at: 4 months ago - Stars: 7,776 - Forks: 265

lume/element

Fast and simple custom elements.

Language: TypeScript - Size: 1020 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 164 - Forks: 5

nstratos/stoneshard-talent-calculator

A talent calculator for the game Stoneshard

Language: HTML - Size: 3.08 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 1 - Forks: 0

Tencent/omi

Web Components Framework - Web组件框架

Language: TypeScript - Size: 152 MB - Last synced at: 7 days ago - Pushed at: 16 days ago - Stars: 13,210 - Forks: 1,268

elchininet/shadow-dom-selector

A very small JavaScript utility to query DOM elements through the Shadow DOM subtrees in a sync or an async way

Language: TypeScript - Size: 1.36 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 5 - Forks: 1

elchininet/home-assistant-styles-manager

Manage Home Assistant styles per DOM elements

Language: TypeScript - Size: 471 KB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 1 - Forks: 0

web-padawan/awesome-web-components

A curated list of awesome Web Components resources.

Size: 336 KB - Last synced at: 7 days ago - Pushed at: 14 days ago - Stars: 3,251 - Forks: 164

LuminaQAQ/ea-ui-component

使用WebComponent编写的原生组件库

Language: JavaScript - Size: 28.8 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 1 - Forks: 0

david-dick/firefox-marionette

This is a client module to automate the Mozilla Firefox browser via the Marionette protocol

Language: Perl - Size: 2.36 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 17 - Forks: 4

Wildhoney/ReactShadow

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

Language: JavaScript - Size: 6.04 MB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 1,358 - Forks: 83

yisar/eplayer

:crystal_ball: A web-component html5 video player facing future

Size: 787 KB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 280 - Forks: 29

LukasBombach/react-web-component

Create Web Components with React

Language: JavaScript - Size: 114 KB - Last synced at: 7 days ago - Pushed at: about 3 years ago - Stars: 286 - Forks: 40

rstacruz/remount

Mount React components to the DOM using custom elements

Language: JavaScript - Size: 1.87 MB - Last synced at: 11 days ago - Pushed at: over 2 years ago - Stars: 720 - Forks: 23

sergejcodes/minze

Dead-simple JS framework for native web components.

Language: TypeScript - Size: 3.62 MB - Last synced at: 7 days ago - Pushed at: about 1 month ago - Stars: 567 - Forks: 22

sbabcoc/Selenium-Foundation

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

Language: Java - Size: 33.5 MB - Last synced at: 6 days ago - Pushed at: 15 days ago - Stars: 63 - Forks: 16

adaleks/anywhere-ui

AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS

Language: TypeScript - Size: 4.94 MB - Last synced at: 1 day ago - Pushed at: over 1 year ago - Stars: 38 - Forks: 2

chialab/dna

🧬 Progressive Web Components.

Language: TypeScript - Size: 11.7 MB - Last synced at: 13 days ago - Pushed at: 13 days ago - Stars: 57 - Forks: 1

jhildenbiddle/css-vars-ponyfill

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

Language: JavaScript - Size: 3.74 MB - Last synced at: 8 days ago - Pushed at: over 1 year ago - Stars: 1,466 - Forks: 64

o0101/good.html

💎 Good.HTML. A nice framework without the bad stuff. Lots of custom elements, and nice templates. Good. HTML

Language: JavaScript - Size: 2 MB - Last synced at: 6 days ago - Pushed at: about 1 year ago - Stars: 23 - Forks: 2

falsandtru/typed-dom

A value-level and type-level DOM builder.

Language: TypeScript - Size: 940 KB - Last synced at: 16 days ago - Pushed at: over 1 year ago - Stars: 10 - Forks: 2

zheeeng/styled-css-base

Lightweight basic CSS style sheets.

Language: TypeScript - Size: 9.16 MB - Last synced at: 24 days ago - Pushed at: about 3 years ago - Stars: 20 - Forks: 1

XboxYan/xy-ui

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

Language: JavaScript - Size: 12.9 MB - Last synced at: 22 days ago - Pushed at: about 2 years ago - Stars: 1,209 - Forks: 158

geocine/custom-elements-ts

Create native custom elements using Typescript

Language: TypeScript - Size: 618 KB - Last synced at: 18 days ago - Pushed at: 28 days ago - Stars: 62 - Forks: 10

abraham/nutmeg

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

Language: TypeScript - Size: 4.5 MB - Last synced at: 16 days ago - Pushed at: about 1 year ago - Stars: 116 - Forks: 8

zedix/awesome-web-components

A curated list of web components libraries and resources

Size: 32.2 KB - Last synced at: 10 days ago - Pushed at: about 1 month ago - Stars: 10 - Forks: 0

2A5F/shadow

Shadow dom support for Vue

Language: TypeScript - Size: 347 KB - Last synced at: 8 days ago - Pushed at: over 1 year ago - Stars: 60 - Forks: 8

salesforce/lwc-test

LWC plugins and utilities for testing

Language: JavaScript - Size: 3.3 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 51 - Forks: 33

nonsalant/simple-tabs

Keyboard accessible tabs Web Component that animates the part below it when changing tabs. Changes to Accordion in narrow spaces.

Language: JavaScript - Size: 604 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

greenscreens-io/webcomponents

WebComponents for Bootstrap 5

Language: JavaScript - Size: 40.4 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 2

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

Language: JavaScript - Size: 890 KB - Last synced at: 13 days ago - Pushed at: over 1 year ago - Stars: 259 - Forks: 27

sibiraj-s/react-shadow

Render React app inside in shadow DOM

Language: JavaScript - Size: 3.17 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

WebSVG/deep-svg

Vanilla javascript and Web Component wrapper to make any svg zoom pan and deep link

Language: JavaScript - Size: 594 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 1

skruv/skruv

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

Language: TypeScript - Size: 2.31 MB - Last synced at: 29 days ago - Pushed at: 2 months ago - Stars: 134 - Forks: 2

hood/vite-plugin-shadow-style

A Vite plugin to inject css styles into the shadow root of web components.

Language: TypeScript - Size: 65.4 KB - Last synced at: 3 days ago - Pushed at: 8 months ago - Stars: 24 - Forks: 5

leonsdepot/FineFind

Enhances your browser with an animation that makes Ctrl+F results more noticeable!

Language: JavaScript - Size: 114 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 16 - Forks: 1

DevExpress-Examples/devextreme-datagrid-in-shadow-dom

This example sets up a Shadow DOM host and adds a DevExtreme DataGrid component to it.

Language: C# - Size: 2.23 MB - Last synced at: 2 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

GrabarzUndPartner/nuxt-custom-elements

Publish your components as a custom-element standalone build.

Language: JavaScript - Size: 41.2 MB - Last synced at: about 14 hours ago - Pushed at: about 16 hours ago - Stars: 82 - Forks: 9

steveblue/custom-elements

A project for building Web Components with TypeScript Decorators

Language: JavaScript - Size: 496 KB - Last synced at: 8 days ago - Pushed at: over 6 years ago - Stars: 2 - Forks: 0

Active-CSS/active-css

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?

Language: JavaScript - Size: 6.34 MB - Last synced at: 8 days ago - Pushed at: 4 months ago - Stars: 44 - Forks: 7

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

Language: TypeScript - Size: 182 KB - Last synced at: 15 days ago - Pushed at: 11 months ago - Stars: 54 - Forks: 2

YaoApp/xgen 📦

A official lowcode resolution based yao app engine.

Language: TypeScript - Size: 11.1 MB - Last synced at: about 10 hours ago - Pushed at: 4 months ago - Stars: 55 - Forks: 32

GabrielDeFreitas/browser-extension-manager-ui

Language: HTML - Size: 4.14 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

shuji-bonji/Notes-on-WebComponents 📦

Web Componentsについての学習ノート。JavaScriptはもちろん、TypeScriptでの実装方法も記載。また、LitやStoryBook等での利用も今後追加していく予定。。こちらにAIを駆使して移行した 👉https://github.com/shuji-bonji/WebComponents-with-TypeScript

Language: JavaScript - Size: 54.7 KB - Last synced at: 3 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

Sean-93/newmarquee

All the functionality and more of the <marquee> tag in HTML but without the deprecation- created with JavaScript and CSS using the Shadow DOM

Language: JavaScript - Size: 62.5 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

ioing/IOING

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

Language: JavaScript - Size: 71 MB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 233 - Forks: 21

praveenpuglia/shadow-dom-in-depth

Everything you need to know about Shadow DOM

Size: 43.9 KB - Last synced at: 4 months ago - Pushed at: over 3 years ago - Stars: 235 - Forks: 18

salesforce/kagekiri

Shadow DOM-piercing query APIs for the browser.

Language: JavaScript - Size: 917 KB - Last synced at: 3 days ago - Pushed at: 7 months ago - Stars: 91 - Forks: 9

avmaxim/web-components-course

Source Code for my online course "Web Components: Ultimate Guide from Zero to Hero"

Size: 1.95 KB - Last synced at: 4 days ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

zooplus/zoo-web-components

Web-components library.

Language: JavaScript - Size: 5.73 MB - Last synced at: 30 days ago - Pushed at: 12 months ago - Stars: 47 - Forks: 11

salesforce/codeceptjs-bdd

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

Language: JavaScript - Size: 127 MB - Last synced at: 3 days ago - Pushed at: 7 months ago - Stars: 46 - Forks: 15

pmdartus/event-visualizer

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

Language: TypeScript - Size: 891 KB - Last synced at: 22 days ago - Pushed at: over 4 years ago - Stars: 41 - Forks: 1

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.

Language: Java - Size: 85.9 KB - Last synced at: about 2 months ago - Pushed at: 4 months ago - Stars: 113 - Forks: 34

yuki24/capybara-shadowdom

Shadow DOM support for Capybara

Language: Ruby - Size: 28.3 KB - Last synced at: about 4 hours ago - Pushed at: about 2 years ago - Stars: 15 - Forks: 0

niutech/phooos

Pure HTML Out-Of-Order Streaming (PHOOOS) without JavaScript

Language: HTML - Size: 55.7 KB - Last synced at: about 2 months ago - Pushed at: 12 months ago - Stars: 29 - Forks: 0

DannyMoerkerke/material-webcomponents

Material Design implemented in Web Components (Custom Elements v1)

Language: JavaScript - Size: 2.4 MB - Last synced at: 5 months ago - Pushed at: almost 2 years ago - Stars: 115 - Forks: 11

ionicthemes/ionic-custom-components

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

Language: TypeScript - Size: 972 KB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 30 - Forks: 14

ptkdev-components/webcomponent-instagram-widget

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

Language: JavaScript - Size: 12.1 MB - Last synced at: 1 day ago - Pushed at: over 2 years ago - Stars: 77 - Forks: 9

romaleev/reflect-stencil

Stencil Web Components with Shadow DOM

Language: TypeScript - Size: 864 KB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Wscats/omil

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

Language: JavaScript - Size: 3.54 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 181 - Forks: 2

soywod/pin-field 📦

📟 Native web component for entering PIN codes.

Language: TypeScript - Size: 277 KB - Last synced at: 30 days ago - Pushed at: over 3 years ago - Stars: 9 - Forks: 4

TheBeyondGroup/deep-focus-trap

Language: JavaScript - Size: 436 KB - Last synced at: 29 days ago - Pushed at: about 1 year ago - Stars: 5 - Forks: 1

web-padawan/webcomponents.today

A curated collection of Web Components resources.

Language: JavaScript - Size: 1.5 MB - Last synced at: 5 months ago - Pushed at: almost 2 years ago - Stars: 100 - Forks: 7

andreasbm/focus-trap

A lightweight web component that traps focus within a DOM node

Language: TypeScript - Size: 3.11 MB - Last synced at: 16 days ago - Pushed at: almost 3 years ago - Stars: 54 - Forks: 10

soywod/catalyx 📦

⚗️ Collection of native Web Components.

Language: TypeScript - Size: 1.21 MB - Last synced at: 6 months ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 0

maitrungduc1410/primeng-shadowdom-directives

Directives that make PrimeNG plays nicely with ShadowDOM

Language: TypeScript - Size: 741 KB - Last synced at: 29 days ago - Pushed at: 6 months ago - Stars: 16 - Forks: 4

BryanWilhite/songhay-web-components

planting small shadow-tree seeds 🌱👁 and watching them grow in the manner of 🦉 the living standard

Language: JavaScript - Size: 4.96 MB - Last synced at: 9 days ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

schalkneethling/neo-shadow

An example of using a web component with Declarative ShadowDOM with Astro.build

Language: Astro - Size: 52.7 KB - Last synced at: 5 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

viadee/PenTest4Vaadin

Spider and analyze vaadin applications with OWASP ZAP - the app mediates between the two.

Language: Java - Size: 205 KB - Last synced at: 5 months ago - Pushed at: almost 3 years ago - Stars: 11 - Forks: 0

matteobad/focus-within-polyfill

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

Language: JavaScript - Size: 1.09 MB - Last synced at: 29 days ago - Pushed at: almost 3 years ago - Stars: 37 - Forks: 5

choctaw-nation/gtm-lite-vimeo

A GTM Script to track lite-vimeo video plays

Language: TypeScript - Size: 108 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

DannyMoerkerke/custom-element

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

Language: JavaScript - Size: 504 KB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 88 - Forks: 15

ptytb/d3-worker

Render D3 charts inside background process (worker)

Language: JavaScript - Size: 2.77 MB - Last synced at: 5 months ago - Pushed at: over 7 years ago - Stars: 9 - Forks: 2

RPDevJesco/ZephyrJS

A custom client side web component library for creating reusable UI components with Shadow DOM and state management.

Language: JavaScript - Size: 252 KB - Last synced at: 5 months ago - Pushed at: 11 months ago - Stars: 6 - Forks: 0

knownasilya/ember-shadow-dom

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

Language: JavaScript - Size: 2.65 MB - Last synced at: 22 days ago - Pushed at: about 2 years ago - Stars: 30 - Forks: 1

mLascurain/toggle-dark-mode

Web Component, using LocalStorage, ShadowDOM and Custom HTML Elements

Language: JavaScript - Size: 5.86 KB - Last synced at: 5 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

brinobruno/shadow-dom-react-next

Demonstration on how to increase security on forms, especially against crawling through Shadow DOM and Honeypot. In this case we're using Next.js and TypeScript but same concepts can be applied with JavaScript

Language: TypeScript - Size: 186 KB - Last synced at: 6 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 0

willbraun/x-message-preview

Chrome extension for X (Twitter) that allows you to preview messages without marking them as read.

Language: JavaScript - Size: 42 KB - Last synced at: 11 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

willbraun/linkedin-message-preview

Chrome extension for LinkedIn that allows you to preview messages without marking them as read.

Language: JavaScript - Size: 81.1 KB - Last synced at: 3 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

Leizhenpeng/content-ui-inject

Boost content UI injection for better extension developer experience.

Language: TypeScript - Size: 154 KB - Last synced at: 1 day ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

jhildenbiddle/get-css-data

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

Language: JavaScript - Size: 1.3 MB - Last synced at: 16 days ago - Pushed at: over 1 year ago - Stars: 35 - Forks: 8

prabesh-mah/Shadow-DOM-Selenium

This is a Python Selenium (WebDriver) web automation code where elements such as single, nested, and closed shadow DOMs are handled.

Language: Python - Size: 3.91 KB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 3

prabesh-mah/Shadow-DOM-iFrame-Combination-Selenium

This is a Python Selenium (WebDriver) web automation code where elements such as iFrames inside single shadow DOM, nested DOMs inside iFrames are handled

Language: Python - Size: 1000 Bytes - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 5 - Forks: 2

KaEssam/coffeeMasters-VanillaJs

The project showcases the implementation of key JavaScript concepts without relying on any frameworks or libraries. It includes a custom-built router, web components using the Shadow DOM, and reactive programming using JavaScript proxies.

Language: JavaScript - Size: 1.54 MB - Last synced at: 6 months ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

muhammad-salem/aurora-ts 📦

Aurora is a web framework, that can create and define a usable 'custom elements', that compatible with other frameworks, using Typescript

Language: TypeScript - Size: 1.73 MB - Last synced at: 30 days ago - Pushed at: almost 5 years ago - Stars: 1 - Forks: 0

luwes/wesc

We are the Superlative Components!

Language: Rust - Size: 2.27 MB - Last synced at: 6 days ago - Pushed at: about 1 year ago - Stars: 21 - Forks: 0

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.

Language: TypeScript - Size: 39.1 MB - Last synced at: 4 months ago - Pushed at: 12 months ago - Stars: 268 - Forks: 15