shadow-dom

Tencent / omi

8k

Next Front End Framework - 下一代前端统一框架 - 支持桌面Web、移动H5和小程序

omi webcomponents custom-elements shadow-dom jsx preact web javascript front-end proxy web-components virtual-dom vdom webpack mp mini-program miniprogram htm mvvm weapp

JavaScript Updated Mar 22, 2019 2 issues need help

zeit / styled-jsx

4.2k

Full CSS support for JSX without compromises

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

JavaScript Updated Mar 13, 2019 4 issues need help

hybridsjs / hybrids

1k

👾 UI library for creating Web Components with simple and functional API

custom-elements shadow-dom webcomponents

JavaScript Updated Mar 5, 2019

Wildhoney / ReactShadow

663

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

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

JavaScript Updated Dec 17, 2018 1 issue needs help

jhildenbiddle / css-vars-ponyfill

431

A ponyfill that provides client-side support for CSS custom properties (aka "CSS variables") in legacy and modern bro…

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

JavaScript Updated Mar 12, 2019

rstacruz / remount

345

Mount React components to the DOM using custom elements

react web-components custom-elements shadow-dom onmount

JavaScript Updated Mar 11, 2019

Wildhoney / Switzerland

249

🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redu…

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

JavaScript Updated Mar 21, 2019 1 issue needs help

ioing / IOING

214

Implement the solutions of performance improvement and componentization for your SPA (single page application) produ…

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

JavaScript Updated Aug 8, 2018

132yse / eplayer

135

🦄 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

JavaScript Updated Mar 6, 2019

praveenpuglia / shadow-dom-in-depth

111

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

Updated Mar 1, 2019

spring-media / react-web-component

110

Create Web Components with React

react shadow-dom web-component

JavaScript Updated Feb 25, 2019

abraham / nutmeg

90

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

TypeScript Updated Mar 21, 2019 1 issue needs help

developit / preact-shadow-root

62

🕴 Render a Preact subtree into the Shadow DOM.

preact preact-components shadow-dom

JavaScript Updated Jan 20, 2018

charbelrami / grid-container

48

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

HTML Updated Aug 18, 2017

geocine / custom-elements-ts

36

Create native custom elements using Typescript

custom-elements typescript decorators shadow-dom web-components

TypeScript Updated Mar 19, 2019

adamlacombe / Shadow-DOM-inject-styles

23

🎉 A helper function to easily modify Shadow DOM CSS.

shadow-dom css ionic4 stenciljs web-components

JavaScript Updated Dec 4, 2018

Georgegriff / query-selector-shadow-dom

22

querySelector that can pierce Shadow DOM roots without knowing the path through nested shadow roots. Useful for autom…

webcomponents shadow-dom javascript

JavaScript Updated Dec 21, 2018

Kocisov / crab

21

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

custom-elements shadow-dom ui view frontend dom library interface minimal crab react webcomponents

TypeScript Updated Jul 17, 2018 2 issues need help

ionicthemes / ionic-4-custom-components

16

Ionic 4 Tutorial: Mastering Web Components in Ionic 4. An Ionic 4 project showcasing Angular custom components and St…

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

TypeScript Updated Sep 8, 2018

knownasilya / ember-shadow-dom

13

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

ember-addon ember emberjs shadow-dom shadow-root

JavaScript Updated Mar 20, 2019

QuinntyneBrown / simple-custom-element

11

Simple Custom Element using Custom Elements v1, TypeScript 2.x, lit-html and WebPack 3

typescript custom-elements-v1 webpack2 web-components shadow-dom lit-html

TypeScript Updated Feb 23, 2018

u4bi-dev / resume-generator

11

https://u4bi-dev.github.io/resume-generator

resume-template library typescript rollup rollup-plugin-typescript shadow-dom

TypeScript Updated Oct 11, 2018

UseWebPlatform / motto-UseWebPlatform

10

Use universal the Web Platform primitives, a patterns and Polymer Project for reusable, performant, maintainable code.

usewebplatform webplatform usetheplatform webcomponents custom-elements shadow-dom html-template html-imports csr http2 http2-push es6-modules service-workers web-workers progressive-web-apps web-accessibility web-api prpl-pattern rail-performance-model polymer

Updated Nov 17, 2017

andreasbm / focus-trap

9

A lightweight web component to trap focus within a DOM node.

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

TypeScript Updated Mar 20, 2019

EPA-WG / embed-page

8

Proof of concept for Embeddable Progressive Application - a microapplication container, a WebComponent acting as seam…

webcomponents 3rd-party polymer dom concept iframe proof javascript-library shadow-dom

JavaScript Updated Jan 7, 2019

a1626 / image-carousel

8

Polymer element for image carousel

polymer polymer2 webcomponents html javascript css css3 shadow-dom

HTML Updated Feb 14, 2018

jinliming2 / Calendar-js

8

A Calendar Library Written in Javascript, with Web Components v1, ECMAScript 6 (2015+) and CSS3.

web-components shadow-dom calendar es6 css3 html5

JavaScript Updated Jan 28, 2019

Granze / flip-clock-vanilla

8

A flip clock, timer and countdown made with vanilla web components

shadow-dom custom-element web-component timer countdown clock hyperhtml

JavaScript Updated Nov 25, 2017

jiayihu / ygo

6

🃏 YuGiOh! PWA built with Web Components and hyperHTML

hyperhtml shadow-dom custom-elements web-components

CSS Updated Nov 26, 2018

quarterto / excise

6

a react-like toolkit for web components

diffhtml custom-elements shadow-dom react

JavaScript Updated May 7, 2018