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.95 MB - Last synced: about 6 hours ago - Pushed: about 8 hours ago - Stars: 15 - Forks: 4

web-padawan/awesome-web-components

A curated list of awesome Web Components resources.

Size: 335 KB - Last synced: about 19 hours ago - Pushed: 26 days ago - Stars: 2,671 - Forks: 149

salesforce/lwc-test

LWC plugins and utilities for testing

Language: JavaScript - Size: 2.57 MB - Last synced: 1 day ago - Pushed: 1 day ago - Stars: 41 - Forks: 29

atomicojs/atomico

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

Language: JavaScript - Size: 3.32 MB - Last synced: about 16 hours ago - Pushed: 16 days ago - Stars: 1,118 - Forks: 42

vercel/styled-jsx

Full CSS support for JSX without compromises

Language: JavaScript - Size: 2.44 MB - Last synced: 25 days ago - Pushed: 2 months ago - Stars: 7,607 - Forks: 262

michijs/michijs

Web Components with TSX

Language: TypeScript - Size: 1.51 MB - Last synced: 26 days ago - Pushed: 27 days ago - Stars: 28 - Forks: 2

alangdm/helium-animated-pages

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

Language: JavaScript - Size: 1.45 MB - Last synced: 2 days ago - Pushed: 2 days ago - Stars: 16 - Forks: 2

zedix/awesome-web-components

A curated list of web components libraries and resources

Size: 29.3 KB - Last synced: 3 days ago - Pushed: 7 days ago - Stars: 5 - 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.17 MB - Last synced: 3 days ago - Pushed: 3 days ago - Stars: 10 - Forks: 3

Singleware/ui-field

UI field package.

Language: JavaScript - Size: 37.1 KB - Last synced: 4 days ago - Pushed: about 4 years ago - Stars: 0 - Forks: 0

Tencent/omi

Web Components Framework - Web组件框架

Language: TypeScript - Size: 146 MB - Last synced: 23 days ago - Pushed: about 1 month ago - Stars: 12,918 - Forks: 1,226

zooplus/zoo-web-components

Web-components library.

Language: JavaScript - Size: 5.99 MB - Last synced: 5 days ago - Pushed: 3 months ago - Stars: 45 - Forks: 10

Wildhoney/ReactShadow

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

Language: JavaScript - Size: 6.03 MB - Last synced: 7 days ago - Pushed: 10 months ago - Stars: 1,263 - Forks: 77

LukasBombach/react-web-component

Create Web Components with React

Language: JavaScript - Size: 114 KB - Last synced: 7 days ago - Pushed: almost 2 years ago - Stars: 285 - Forks: 40

salesforce/wdio-shadowdom-service

Plugin for WebDriverIO that makes CSS selectors "just work" with the shadow DOM

Language: JavaScript - Size: 681 KB - Last synced: 7 days ago - Pushed: 7 days ago - Stars: 3 - Forks: 4

trickypr/stera-ui

An expereremental ui library written in stera to take advantage of html components

Size: 15.6 KB - Last synced: 8 days ago - Pushed: almost 4 years ago - Stars: 1 - Forks: 0

nektro/fluent-elements

A home for my Cutom Elements based on Fluent Design

Language: HTML - Size: 35.2 KB - Last synced: 8 days ago - Pushed: over 6 years ago - Stars: 1 - Forks: 1

nektro/custom-elements

A hub for some of my v1 Custom Elements

Language: HTML - Size: 60.5 KB - Last synced: 8 days ago - Pushed: over 6 years ago - Stars: 5 - Forks: 0

n6ai/minze

Dead-simple JS framework for native web components.

Language: TypeScript - Size: 3.16 MB - Last synced: 9 days ago - Pushed: 9 days ago - Stars: 544 - Forks: 24

chialab/dna

🧬 Progressive Web Components.

Language: TypeScript - Size: 10.1 MB - Last synced: 6 days ago - Pushed: 10 days ago - Stars: 38 - Forks: 0

greenscreens-io/webcomponents

WebComponents for Bootstrap 5

Language: JavaScript - Size: 26.6 MB - Last synced: 9 days ago - Pushed: 10 days ago - Stars: 5 - Forks: 2

lume/element

Fast and simple custom elements.

Language: TypeScript - Size: 439 KB - Last synced: about 22 hours ago - Pushed: 11 days ago - Stars: 105 - Forks: 3

abhinavminhas/shadowroot-digger-java

⚡ DOM shadow root finder in Selenium (JAVA) ⚡

Language: Java - Size: 213 KB - Last synced: 12 days ago - Pushed: 11 months ago - Stars: 0 - Forks: 1

praveenpuglia/shadow-dom-in-depth

Everything you need to know about Shadow DOM

Size: 43.9 KB - Last synced: 6 days ago - Pushed: almost 2 years ago - Stars: 229 - Forks: 19

Singleware/ui-toggle

UI toggle package.

Language: JavaScript - Size: 15.6 KB - Last synced: 14 days ago - Pushed: over 5 years ago - Stars: 0 - Forks: 0

2A5F/shadow

Shadow dom support for Vue

Language: TypeScript - Size: 347 KB - Last synced: 15 days ago - Pushed: about 1 month ago - Stars: 53 - Forks: 7

salesforce/kagekiri

Shadow DOM-piercing query APIs for the browser.

Language: JavaScript - Size: 1.21 MB - Last synced: 15 days ago - Pushed: 15 days ago - Stars: 81 - Forks: 8

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: 82 KB - Last synced: 6 days ago - Pushed: about 1 month ago - Stars: 103 - Forks: 33

TarasMoskovych/web-components

Language: TypeScript - Size: 91.8 KB - Last synced: 18 days ago - Pushed: over 4 years ago - Stars: 0 - Forks: 0

WickedMan999/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: 18 days ago - Pushed: 18 days ago - Stars: 5 - Forks: 3

acoustic-/dom-optimization-benchmark

Project related to my thesis work that explores the functionality and performance of regular DOM, shadow DOM and virtual DOM.

Language: CSS - Size: 609 KB - Last synced: 19 days ago - Pushed: about 7 years ago - Stars: 0 - Forks: 0

GrabarzUndPartner/nuxt-custom-elements

Publish your components as a custom-element standalone build.

Language: JavaScript - Size: 40 MB - Last synced: 26 days ago - Pushed: 27 days ago - Stars: 77 - Forks: 9

niutech/phooos

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

Language: HTML - Size: 52.7 KB - Last synced: 21 days ago - Pushed: 22 days ago - Stars: 6 - Forks: 0

arjunyel/special-puzzle

Guess the Proverb using Web Components and Typescript

Language: TypeScript - Size: 1.88 MB - Last synced: 22 days ago - Pushed: about 7 years ago - Stars: 0 - Forks: 0

rstacruz/remount

Mount React components to the DOM using custom elements

Language: JavaScript - Size: 1.87 MB - Last synced: 28 minutes ago - Pushed: about 1 year ago - Stars: 676 - Forks: 30

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: 180 KB - Last synced: 13 days ago - Pushed: 8 months ago - Stars: 40 - Forks: 2

derkoe/web-components-talk

Web Components - Are we there yet?

Language: TypeScript - Size: 6.04 MB - Last synced: 24 days ago - Pushed: over 5 years ago - Stars: 2 - 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: 21 days ago - Pushed: over 1 year ago - Stars: 86 - Forks: 15

YaoApp/xgen

A official lowcode resolution based yao app engine.

Language: TypeScript - Size: 10 MB - Last synced: 27 days ago - Pushed: 27 days ago - Stars: 44 - Forks: 25

TheBeyondGroup/deep-focus-trap

Language: JavaScript - Size: 325 KB - Last synced: 17 days ago - Pushed: 29 days ago - Stars: 5 - Forks: 1

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: 870 KB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 1 - Forks: 0

jurca/reactive-component

An experiment: what might react look like if it was based on the Web Components API?

Language: JavaScript - Size: 23.4 KB - Last synced: 25 days ago - Pushed: almost 7 years ago - Stars: 0 - Forks: 0

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: 25 days ago - Pushed: 2 months ago - Stars: 1,455 - Forks: 65

abstractionjackson/business-card

A business card Web Component 🔧 inspired 📼 by American Psycho

Language: HTML - Size: 1.52 MB - Last synced: 28 days ago - Pushed: 28 days ago - Stars: 0 - Forks: 0

skruv/skruv

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

Language: TypeScript - Size: 2.24 MB - Last synced: 7 days ago - Pushed: 25 days ago - Stars: 129 - Forks: 1

XboxYan/xy-ui

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

Language: JavaScript - Size: 12.9 MB - Last synced: 25 days ago - Pushed: 9 months ago - Stars: 1,176 - Forks: 159

luwes/wesc

We are the Superlative Components!

Language: Rust - Size: 2.09 MB - Last synced: 8 days ago - Pushed: 16 days ago - Stars: 18 - Forks: 0

Nicanor008/fly

Pagination, Toast & Date-picker web components. Ready to use in any web development flow

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

maitrungduc1410/primeng-shadowdom-directives

Directives that make PrimeNG plays nicely with ShadowDOM

Language: TypeScript - Size: 546 KB - Last synced: 3 days ago - Pushed: 2 months ago - Stars: 9 - Forks: 3

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: 26 days ago - Pushed: about 1 month ago - Stars: 221 - Forks: 25

sbabcoc/Selenium-Foundation

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

Language: Java - Size: 33.3 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 56 - Forks: 16

o0101/good.html

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

Language: JavaScript - Size: 1.71 MB - Last synced: 12 days ago - Pushed: about 1 month ago - Stars: 20 - Forks: 2

11ways/check-shadowdom

Easily inspect webpages for Shadow DOM elements with this bookmarklet.

Language: HTML - Size: 55.7 KB - Last synced: about 1 month ago - Pushed: 4 months ago - Stars: 1 - Forks: 0

bodymoto/web-components-website

A web component website. Lit · Express · Webpack · Babel · Node

Language: JavaScript - Size: 55.3 MB - Last synced: about 2 months ago - Pushed: about 2 months ago - Stars: 0 - 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.16 MB - Last synced: 8 days ago - Pushed: 11 days ago - Stars: 41 - Forks: 7

Indra-RMT/Covid-Data

Web - Covid data around the world

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

namchid/Electron-SSR-Web-Components

server side rendering of web components

Language: JavaScript - Size: 97.7 KB - Last synced: about 2 months ago - Pushed: over 7 years ago - Stars: 3 - 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: about 1 month ago - Pushed: 10 months ago - Stars: 270 - Forks: 15

salesforce/codeceptjs-bdd

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

Language: JavaScript - Size: 52.7 MB - Last synced: 2 days ago - Pushed: about 1 year ago - Stars: 44 - Forks: 14

kuhumcst/rescope

Turn documents into UI components.

Language: Clojure - Size: 121 KB - Last synced: about 1 month ago - Pushed: almost 4 years ago - Stars: 8 - Forks: 0

DannyMoerkerke/material-webcomponents

Material Design implemented in Web Components (Custom Elements v1)

Language: JavaScript - Size: 2.4 MB - Last synced: 1 day ago - Pushed: 7 months ago - Stars: 116 - Forks: 12

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: 2 months ago - Pushed: about 2 years ago - Stars: 232 - Forks: 23

adaleks/anywhere-ui

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

Language: TypeScript - Size: 4.67 MB - Last synced: 6 days ago - Pushed: 3 months ago - Stars: 24 - Forks: 1

geocine/custom-elements-ts

Create native custom elements using Typescript

Language: TypeScript - Size: 846 KB - Last synced: 25 days ago - Pushed: about 4 years ago - Stars: 60 - Forks: 11

nibmz7/portfolio

Source code for my digital resume

Language: MDX - Size: 10.3 MB - Last synced: 2 months ago - Pushed: 2 months ago - Stars: 1 - Forks: 0

yuki24/capybara-shadowdom

Shadow DOM support for Capybara

Language: Ruby - Size: 28.3 KB - Last synced: 6 days ago - Pushed: 10 months ago - Stars: 13 - Forks: 0

soywod/pin-field 📦

📟 Native web component for entering PIN codes.

Language: TypeScript - Size: 277 KB - Last synced: 7 days ago - Pushed: almost 2 years ago - Stars: 7 - Forks: 3

pmdartus/event-visualizer

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

Language: TypeScript - Size: 891 KB - Last synced: 14 days ago - Pushed: about 3 years ago - Stars: 39 - Forks: 1

abraham/nutmeg

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

Language: TypeScript - Size: 4.36 MB - Last synced: 6 days ago - Pushed: 8 days ago - Stars: 115 - Forks: 8

hood/vite-plugin-shadow-style

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

Language: TypeScript - Size: 68.4 KB - Last synced: about 2 months ago - Pushed: 4 months ago - Stars: 13 - Forks: 2

jhildenbiddle/get-css-data

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

Language: JavaScript - Size: 1.3 MB - Last synced: 26 days ago - Pushed: 3 months ago - Stars: 31 - Forks: 8

knownasilya/ember-shadow-dom

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

Language: JavaScript - Size: 2.65 MB - Last synced: 6 days ago - Pushed: 10 months ago - Stars: 28 - Forks: 1

viadee/PenTest4Vaadin

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

Language: Java - Size: 205 KB - Last synced: 25 days ago - Pushed: over 1 year ago - Stars: 11 - Forks: 0

ricilandolt/shadowr

An R package enabling scraping of shadow DOM web elements, Shadowr integrates with Selenium to enhance web automation frameworks. It offers seamless handling of complex web components and custom HTML tags in shadow DOM environments, ideal for scraping and interacting with web pages built with technologies like Polymer.

Language: R - Size: 275 KB - Last synced: 18 days ago - Pushed: almost 2 years ago - Stars: 5 - Forks: 0

koenig-dominik/Alloyjs 📦

HTML data binding system using web components

Size: 245 KB - Last synced: 4 months ago - Pushed: about 7 years ago - Stars: 0 - Forks: 0

Singleware/ui-form

UI form package.

Language: JavaScript - Size: 39.1 KB - Last synced: 4 months ago - Pushed: over 4 years ago - Stars: 0 - Forks: 0

Westbrook/testing-a11y

Exploring techniques for testing the accessibility of HTML user interfaces.

Language: TypeScript - Size: 131 KB - Last synced: 27 days ago - Pushed: over 2 years ago - Stars: 4 - Forks: 0

sgatesdev/Web_Component_Styling

This repo contains my notes from working through Web Components & Stencil.js - Build Custom HTML Elements, a Udemy course.

Language: JavaScript - Size: 7.81 KB - Last synced: 4 months ago - Pushed: almost 3 years ago - Stars: 0 - Forks: 0

yisar/eplayer

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

Language: JavaScript - Size: 542 KB - Last synced: 16 days ago - Pushed: 10 months ago - Stars: 275 - Forks: 30

ngseke/taiwan-company-blocker

Language: TypeScript - Size: 16.5 MB - Last synced: about 2 months ago - Pushed: about 2 months ago - Stars: 0 - Forks: 0

diopsidedesign/gelamint

A tool for creating and coordinating web components. "Reject dependency, return to browser." - Gelations 5:13

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

claudiodeolli/Vilm

SPA Web application with only pure Javascript that catalogs media contents by consulting an API.

Language: JavaScript - Size: 770 KB - Last synced: 5 months ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

andreasbm/focus-trap

A lightweight web component that traps focus within a DOM node

Language: TypeScript - Size: 3.11 MB - Last synced: 8 days ago - Pushed: over 1 year ago - Stars: 50 - Forks: 9

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: 5 days ago - Pushed: over 1 year ago - Stars: 180 - Forks: 2

zheeeng/styled-css-base

Lightweight basic CSS style sheets.

Language: TypeScript - Size: 9.16 MB - Last synced: 2 days ago - Pushed: over 1 year ago - Stars: 20 - Forks: 1

alexanderwende/component

A web component implementation using lit-html.

Language: JavaScript - Size: 7.42 MB - Last synced: about 2 months ago - Pushed: over 1 year ago - Stars: 4 - Forks: 0

sofiane-abou-abderrahim/javascript-web-components-modal

Language: JavaScript - Size: 17.6 KB - Last synced: 6 months ago - Pushed: 6 months ago - Stars: 0 - Forks: 0

sofiane-abou-abderrahim/javascript-web-components-tooltip

This is a little JavaScript demo application built with web components. Indeed, I developped my own custom element to created a tooltip feature. For that, I used several functionalities, such as class, shadow dom, connected callback, disconnected callback, styling inside shadow dom, slot, template, attribute changed callback, shadow dom projection.

Language: JavaScript - Size: 16.6 KB - Last synced: 6 months ago - Pushed: 6 months ago - Stars: 0 - Forks: 0

abramenal/cypress-shadow-dom

Extend Cypress commands with shadow DOM support

Language: JavaScript - Size: 180 KB - Last synced: 29 days ago - Pushed: over 3 years ago - Stars: 49 - Forks: 8

trybrito/star-rating-with-web-components

A reusable Vanilla JavaScript component, developed using the concepts of Shadow DOM and Web Components, which consists in a Star Rating

Language: JavaScript - Size: 18.6 KB - Last synced: 7 months ago - Pushed: over 2 years ago - Stars: 1 - Forks: 0

abhinavminhas/shadowroot-digger-dotnet

⚡ DOM shadow root finder in Selenium (.NET) ⚡

Language: C# - Size: 223 KB - Last synced: 11 days ago - Pushed: 11 months ago - Stars: 1 - Forks: 1

yandex/reshadow

Markup and styles that feel right

Language: JavaScript - Size: 3.2 MB - Last synced: 12 days ago - Pushed: about 1 year ago - Stars: 363 - Forks: 15

falsandtru/typed-dom

A value-level and type-level DOM builder.

Language: TypeScript - Size: 940 KB - Last synced: 28 days ago - Pushed: 2 months ago - Stars: 7 - Forks: 2

EPA-WG/embed-page

Proof of concept for Embeddable Progressive Application - a microapplication container, a WebComponent acting as seamless IFRAME or html include

Language: JavaScript - Size: 2.27 MB - Last synced: 25 days ago - Pushed: over 1 year ago - Stars: 17 - Forks: 5

stankenA/custom-timer

Пользовательский компонент таймера обратного отсчёта

Language: JavaScript - Size: 16.6 KB - Last synced: 8 months ago - Pushed: 8 months ago - Stars: 0 - Forks: 0

pustart/rdclr-homework-5

Custom Timer web-component using Shadow DOM

Language: JavaScript - Size: 57.6 KB - Last synced: 8 months ago - Pushed: 8 months ago - Stars: 0 - Forks: 0

Zageron/pixels-shadow-dom-example

pixels-shadow-dom-example

Language: Rust - Size: 42 KB - Last synced: 8 months ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

dush-ik/multi-select-component

A multi-select component built using web component

Language: JavaScript - Size: 1.95 KB - Last synced: 8 months ago - Pushed: about 1 year ago - Stars: 0 - Forks: 0

gojo3g/web-component 📦

Criando meu primeiro web componente com html, css e javascript. Manipulando a dom com javascript.

Language: JavaScript - Size: 3.87 MB - Last synced: 8 months ago - Pushed: 8 months ago - Stars: 0 - Forks: 0

web-padawan/webcomponents.today

A curated collection of Web Components resources.

Language: JavaScript - Size: 1.5 MB - Last synced: 7 months ago - Pushed: 7 months ago - Stars: 78 - Forks: 5