Awesome Open Source

Programming Languages

Search results for javascript shadow dom

97 search results found

Web Components Framework - Web组件框架

Lite Youtube Embed ⭐ 4,986

A faster youtube embed.

Skatejs ⭐ 3,125

Effortless custom elements powered by modern view libraries.

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.

Xy Ui ⭐ 1,137

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

Atomico ⭐ 1,041

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

Remount ⭐ 607

Mount React components to the DOM using custom elements

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.

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

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.

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

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)

The easiest way to build Web Components.

Fast and simple custom elements.

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.

Custom Element ⭐ 53

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

Omi Devtools ⭐ 51

DevTools for Omi.js

Cypress Shadow Dom ⭐ 48

Extend Cypress commands with shadow DOM support

React Xtags ⭐ 48

Using React to implement xtags

Svelte Tag ⭐ 47

Zoo Web Components ⭐ 45

Web-components library.

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?

Lwc Test ⭐ 41

LWC plugins and utilities for testing

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

React Shadow Root ⭐ 36

Add a shadowRoot to React components

Declarative Web Components ⭐ 34

Author web components, declaratively

Web Component ⭐ 34

Lightweight library providing interface for building web components

Amp React Prototype ⭐ 33

A scratch pad to experiment with React rendered AMP Components

Winjs Polymer Samples ⭐ 32

Samples using WinJS and Polymer

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.

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

A web animation library built for Go.

Get Css Data ⭐ 28

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

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.

Ember Shadow Dom ⭐ 27

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

Web Components Tutorial ⭐ 25

HTML Web Component using Vanilla JavaScript

Wecat.js ⭐ 23

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

Simple, isolated CSS-in-JS for React components

Plotly Plot ⭐ 21

Polymer element for the plotly.js library

Style Shelter ⭐ 20

An ES6 Module based shelter to adopt CSS Stylesheets from

Ember Polymer ⭐ 20

Use Polymer in your ambitious Ember application! 💎

Shadow Dom ⭐ 20

A Shadow DOM v1 polyfill

Preact Shadow Dom ⭐ 19

HOC that renders component into shadow-dom

Good.html ⭐ 19

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

Anywhere Ui ⭐ 19

Rich web components, includes framework bindings.

Web Components ⭐ 18

[DEPRECATED] - The frictionless way to use the webcomponents/webcomponentsjs polyfills.

Webcomponents With Redux.training ⭐ 17

Home of webcomponents-with-redux.training examples

Helium Animated Pages ⭐ 17

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

Html Element Plus ⭐ 16

Custom Web Component Helper Framework

Amp Viewer ⭐ 16

A collection of web component mixins

Embed Page ⭐ 15

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

Masquerades ⭐ 15

A library for styled web components.

Wdio Webcomponents ⭐ 15

Webdriver.io plugin to support Shadow DOM

Named Slots ⭐ 15

[DEPRECATED] - A pseudo-polyfill for the Shadow DOM Named Slot API.

Elements ⭐ 14

Tradeshift Elements - Reusable Tradeshift UI Components as Web Components https://tradeshift.github.io/elements

Jl Coloringbook ⭐ 14

Open Source coloring book implemented as a webcomponent

Build dynamic web applications using streams, nano-frontends, and modern native web technology

Detabinator ⭐ 12

Turn tabindex on/off for all children

We are the Superlative Components!

Alternative News Web Components ⭐ 11

PWA + Web Components News Reader Tutorial

Hello Web Components ⭐ 11

A simple web components tutorial to introduce you to the basics of the platform.

Calendar Js ⭐ 10

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

Event Driven Web Components Tutorial ⭐ 10

Tutorial covering event driven web component. How to start and in general explaining how you can make your single-page app or any type of web site the simple way.

Motto Usewebplatform ⭐ 10

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

Webcomponent ⭐ 10

HTML 웹 컴포넌트

Flip Clock Vanilla ⭐ 9

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

Fast Youtube Load ⭐ 9

Add-on Fast YouTube Load

Web Component for Unicode LaTeX expressions, automatically converted into MathML for display.

Rollup Plugin Ejs ⭐ 9

ejs loader plugin for rollup.js

Shadowstyles ⭐ 8

Isolated CSS for simulated Shadow DOM

Apps.nektro.net ⭐ 8

📱 Online web apps for some of the basic functionality of a computer

Advanced Input ⭐ 8

Advanced <input> or <textarea> elements

Image Carousel ⭐ 8

Polymer element for image carousel

Todomvc Custom Elements ⭐ 7

TodoMVC app built using Custom Elements and up-and-coming vanilla code in the browser and on the server.

百搭WCUI组件库, 基于web components开发。面向下一代的UI组件库

Testing Workflow For Web Components ⭐ 7

React Shadow Dom ⭐ 7

Webcomponents.training ⭐ 6

Samples for the http://webcomponents.training

Matcher Js ⭐ 6

Article about using matcher-js

a react-like toolkit for web components

Related Searches

Javascript Reactjs (116,304)

Javascript Deployment (32,768)

Javascript Express (27,853)

Javascript Css (25,621)

Javascript Html (24,117)

Javascript Command Line (22,313)

Javascript Redux (21,545)

Javascript Testing (18,684)

Javascript Mongodb (18,598)

Javascript Jquery (18,285)

1-97 of 97 search results

Privacy | About | Terms | Follow Us On Twitter

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