Awesome Open Source

Programming Languages

Search results for shadow dom

192 search results found

Web Components Framework - Web组件框架

Styled Jsx ⭐ 7,621

Full CSS support for JSX without compromises

Lite Youtube Embed ⭐ 4,986

A faster youtube embed.

Skatejs ⭐ 3,125

Effortless custom elements powered by modern view libraries.

Awesome Web Components ⭐ 2,687

A curated list of awesome Web Components resources.

Focus Visible ⭐ 1,583

Polyfill for `:focus-visible`

Css Vars Ponyfill ⭐ 1,393

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

Reactshadow ⭐ 1,212

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

React Axe ⭐ 1,202

[DEPRECATED] Accessibility auditing for React.js applications

Xy Ui ⭐ 1,137

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

Atomico ⭐ 1,132

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

Lite Youtube ⭐ 633

The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.

Remount ⭐ 607

Mount React components to the DOM using custom elements

Dead-simple JS framework for native web components.

😈 Simple micro-front-end framework.

Awesome Polymer ⭐ 385

A collection of awesome Polymer resources.

Reshadow ⭐ 353

Markup and styles that feel right

Lwc Recipes Oss ⭐ 307

A collection of easy-to-digest code examples for Lightning Web Components on any platform.

React Web Component ⭐ 281

Create Web Components with React

React Shade ⭐ 275

Use the native Web Component Shadow DOM API declaratively in React.

Eplayer ⭐ 271

🔮 A web-component html5 video player facing future

Switzerland ⭐ 267

🇨🇭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.

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

Query Selector Shadow Dom ⭐ 216

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

Shadow Dom In Depth ⭐ 212

Everything you need to know about Shadow DOM

Declarative Shadow Dom ⭐ 180

Declarative Shadow DOM feature development

Html Include Element ⭐ 164

Easily include external HTML into your pages.

Web Vitals Element ⭐ 160

A custom element to display web vitals metrics on your page.

Presentation ⭐ 151

唱吧前端分享会

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

Dart Dnd ⭐ 132

Drag and Drop for Dart web apps with mouse and touch support.

Your one-stop shop for testing and rendering web components on the server.

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

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

Material Webcomponents ⭐ 114

Material Design implemented in Web Components (Custom Elements v1)

Construct Style Sheets ⭐ 107

Constructible style sheets/adopted style sheets polyfill

Uibuilder ⭐ 102

Typed HTML templates using TypeScript's TSX files

Shadow Automation Selenium ⭐ 96

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

Fast and simple custom elements.

The easiest way to build Web Components.

Juicy Ace Editor ⭐ 85

Custom Element with the Ace code editor

React Tpl ⭐ 81

abusing the platform

Elm Web Components ⭐ 78

A small JavaScript package to let you wrap your Elm applications up in a web component.

Webcomponent Instagram Widget ⭐ 76

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

Kagekiri ⭐ 74

Shadow DOM-piercing query APIs for the browser.

Nuxt Custom Elements ⭐ 69

Publish your components as a custom-element standalone build.

Preact Shadow Root ⭐ 65

🕴 Render a Preact subtree into the Shadow DOM.

Twitter Status ⭐ 60

Twitter Status Web Component

Functional Web Components

Custom Element ⭐ 53

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

Shadow dom support for Vue

Custom Elements Ts ⭐ 51

Create native custom elements using Typescript

Omi Devtools ⭐ 51

DevTools for Omi.js

Selenium Foundation ⭐ 51

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

Shadow View ⭐ 51

🦇针对 React 的 Shadow DOM 容器组件

Castella ⭐ 51

CSS in JS library for React, backed by Web Components

A simple spinning loading web component based on the one from macOS

Cypress Shadow Dom ⭐ 48

Extend Cypress commands with shadow DOM support

React Xtags ⭐ 48

Using React to implement xtags

Grid Container ⭐ 48

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

Svelte Tag ⭐ 47

Zoo Web Components ⭐ 45

Web-components library.

React Wc ⭐ 44

Lwc Test ⭐ 41

LWC plugins and utilities for testing

Active Css ⭐ 41

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?

Codeceptjs Bdd ⭐ 41

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

Shadow Dom Inject Styles ⭐ 39

🎉 A helper function to easily modify Shadow DOM CSS.

Game Card ⭐ 37

playing game card element based on ES6 and Polymer 2.0

A official lowcode resolution based yao app engine.

Focus Trap ⭐ 36

A lightweight web component that traps focus within a DOM node

React Shadow Root ⭐ 36

Add a shadowRoot to React components

Web Component ⭐ 34

Lightweight library providing interface for building web components

Declarative Web Components ⭐ 34

Author web components, declaratively

A11ycasts ⭐ 33

Code samples from the A11ycasts YouTube series

Vaadin Themable Mixin ⭐ 33

A shared mixin to provide an easy way to include Polymer style modules in any Polymer element template

Amp React Prototype ⭐ 33

A scratch pad to experiment with React rendered AMP Components

Focus Within Polyfill ⭐ 32

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

Winjs Polymer Samples ⭐ 32

Samples using WinJS and Polymer

🧬 Progressive Web Components.

A web animation library built for Go.

Migrated to https://gitlab.com/powjs/powjs

Inject React Anywhere ⭐ 30

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

Ionic Custom Components ⭐ 30

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

Svelte Custom Element ⭐ 30

A project template to build custom elements (web components) with Svelte.

Get Css Data ⭐ 28

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

Webcomponent ⭐ 28

A web component library for rust

Ember Shadow Dom ⭐ 27

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

Svelte Webcomponents ⭐ 27

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.

Web Components with TSX

Web Components Tutorial ⭐ 25

HTML Web Component using Vanilla JavaScript

Tiny function library useful for Custom Elements.

Polymermvc ⭐ 23

Sample ASP.NET MVC4 application showing how to use Polymer.JS/Bootstrap and Angular.JS to make web components in an MVC4 project

Wecat.js ⭐ 23

🎉🚀 2017js框架-响应式组件系统，附科学读vue方式；第一版本还很粗糙

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

Plotly Plot ⭐ 21

Polymer element for the plotly.js library

Simple, isolated CSS-in-JS for React components

Ember Polymer ⭐ 20

Use Polymer in your ambitious Ember application! 💎

Styled Css Base ⭐ 20

Lightweight basic CSS style sheets.

Style Shelter ⭐ 20

An ES6 Module based shelter to adopt CSS Stylesheets from

1-100 of 192 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.