963 Open source projects that are alternatives of or similar to Shadow Dom In Depth

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

Create native custom elements using Typescript

Front End Cross-Frameworks Framework - 前端跨框架跨平台框架

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.

Mount React components to the DOM using custom elements

Fast and simple custom elements.

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

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

A lightweight web component that traps focus within a DOM node

Powerful and Fast Web Component Library with a Simple API

‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element

Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥

Vue Custom Element - Web Components' Custom Elements for Vue.js

Boilerplate for creating a custom element.

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

Custom Elements Manifest is a file format that describes custom elements in your project.

Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉

Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.

Web component extensions to the standard <time> element.

A tiny color picker custom element for modern web apps (2.7 KB) 🎨

A UI work in progress based on custom elements (web components) for use in anywhere.

A client-side includes tag.

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

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

📖 A little book on Ethereum Development with Go (golang)

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

Wiki related to the Pharo programming language and environment.

A custom element that shows text as if it were being typed

toggle-icon is a custom element created with Polymer. It provides an extremely powerful and customizable switch that looks like a paper-icon-button.

Web Component that displays an image as ASCII art

Accessible, lightweight, unstyled implementations of common UI controls.

🇨🇭Functional custom elements

HTML Web Component using Vanilla JavaScript

Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.

Synergy is a tiny runtime library for building web user interfaces

High-quality web components with a small footprint

Notes about modern C++, C++11, C++14 and C++17, Boost Libraries, ABI, foreign function interface and reference cards.

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

A menu opened with <details>.

Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.

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

Moved to https://github.com/vaadin/component-mixins

A quick reference guide for the Pythonista in the process of becoming a Rustacean

A modal dialog that's opened with <details>.

Markdown formatting buttons for text inputs.

Progressive Web Components.

Drag and drop task list items.

All about HTML Custom Elements

A better <input type="file">

Custom hook to bridge Custom Elements (Web Components) to React.

A lightweight emoji picker for the modern web

🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

Animated hamburger menu icons for modern web apps (1.8 KB) 🍔

Lightweight web components library built with LitElement.

A custom element for cropping a square image. Returns x, y, width, and height.

A canvas drawing library for Elm

Easily include external HTML into your pages.

Use the power of 11ty to generate web components (custom elements).

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

An input element that validates its value with a server endpoint.