Awesome Open Source

Programming Languages

Search results for webcomponents shadow dom

webcomponents x

33 search results found

Web Components Framework - Web组件框架

Skatejs ⭐ 3,125

Effortless custom elements powered by modern view libraries.

Awesome Web Components ⭐ 2,647

A curated list of awesome Web Components resources.

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.

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.

Awesome Polymer ⭐ 385

A collection of awesome Polymer resources.

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

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

Html Include Element ⭐ 164

Easily include external HTML into your pages.

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

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

Fast and simple custom elements.

The easiest way to build Web Components.

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.

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.

Castella ⭐ 51

CSS in JS library for React, backed by Web Components

Custom Elements Ts ⭐ 51

Create native custom elements using Typescript

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

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

Codeceptjs Bdd ⭐ 41

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

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

Shadow Dom Inject Styles ⭐ 39

🎉 A helper function to easily modify Shadow DOM CSS.

Focus Trap ⭐ 36

A lightweight web component that traps focus within a DOM node

Web Component ⭐ 34

Lightweight library providing interface for building web components

Vaadin Themable Mixin ⭐ 33

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

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.

🧬 Progressive Web Components.

Winjs Polymer Samples ⭐ 32

Samples using WinJS and Polymer

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

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

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

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.

Helium Animated Pages ⭐ 17

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

A UI library that is framework agnostic, same ui kit to any framework

Webcomponents With Redux.training ⭐ 17

Home of webcomponents-with-redux.training examples

Wdio Webcomponents ⭐ 15

Webdriver.io plugin to support Shadow DOM

Embed Page ⭐ 15

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

Better Img ⭐ 15

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

Masquerades ⭐ 15

A library for styled web components.

Jl Coloringbook ⭐ 14

Open Source coloring book implemented as a webcomponent

Elements ⭐ 14

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

We are the Superlative Components!

Capybara Shadowdom ⭐ 12

Shadow DOM support for Capybara

React Html Element ⭐ 10

An HTMLElement extension that provides a simple setup for Web Components using React.

Motto Usewebplatform ⭐ 10

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

Calendar Js ⭐ 10

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

Webcomponent ⭐ 10

HTML 웹 컴포넌트

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.

Vite Plugin Shadow Style ⭐ 9

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

Flip Clock Vanilla ⭐ 9

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

Image Carousel ⭐ 8

Polymer element for image carousel

Lazy loading img

Typed Dom ⭐ 7

A value-level and type-level DOM builder.

Todomvc Custom Elements ⭐ 7

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

Fovea is a tool for generating tiny, incredibly powerful Web Components.

Pin Field ⭐ 6

📟 Native web component for entering PIN codes.

D3 Worker ⭐ 6

Render D3 charts inside background process (worker)

a react-like toolkit for web components

Animated Collapse Element ⭐ 6

Makes it easy and simple to collapse wrapped elements with animation.

Matcher Js ⭐ 6

Article about using matcher-js

Webcomponents.training ⭐ 6

Samples for the http://webcomponents.training

🃏 YuGiOh! PWA built with Web Components and hyperHTML

Intro To Web Component Workshop ⭐ 6

A bunch of simple web component examples for learning/fun/science

Lightweight Web Component Framework

Web Elements ⭐ 6

Web Elements is a set of components that works with any framework or library, 100% customizable using Css Variables and 100% reusable using Web Components.

Web Dialog ⭐ 6

A highly accessible, customizable and lightweight dialog

Grapheditor ⭐ 5

Webcomponent for interactive graphs using SVG

Webcomponents ⭐ 5

WebComponents for Bootstrap 5

Event Visualizer ⭐ 5

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

Emoji Claps ⭐ 5

<emoji-claps /> An experience-addicted web component for claping / liking / disliking.

Easy Element ⭐ 5

Simple way to create cross-browser custom elements as V1 web components with vanilla javascript

Related Searches

Javascript Webcomponents (1,824)

Html Webcomponents (955)

Typescript Webcomponents (951)

Webcomponents Polymer (612)

Webcomponents Custom Elements (499)

Webcomponents Stencil (301)

1-33 of 33 search results

Privacy | About | Terms | Follow Us On Twitter

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