JSPM

Glue DOM and custom elements together mostly declaratively.

Create custom elements without boilerplate

Memoized fetch SVG icons from many popular icon sets with editor autocomplete and a Web Component ready to use

Use the power of lit-html from HTML Markup.

Turn static web sites into dynamic web apps

WYWSIWYG HTML5 Editor written in ts and designed by web-componennt, support all JS frameworks and browsers

Alternative to Polymer's dom-if that allows comparing two properties rather than just binding to a single boolean property

Format numbers, dates automatically and semantically.

A small, infinite carousel Web Component built with modern CSS and just a little Javascript

Custom element to show the stippled version of image

be-loaded is a web component decorator that allows a web component to import resources configured via index.html

TypeScript types for building type-safe Web Components with proper type checking for custom elements.

ListenUser in-app support widget for customers' web apps

be-intersectional provides a base class for be-decorated behaviors / decorators that behave according to visibility. Used by be-lazy, be-oosoom for starters.

<a href="https://dragunovartem99.github.io/html-diagram" target="_blank"><img alt="Static Badge" src="https://img.shields.io/badge/Watch_Live_Demo-red"></a> <img alt="NPM Downloads" src="https://img.shields.io/npm/d18m/html-diagram?color=blue"> <img alt="

Activate template content.

Add streaming support to DOM elements

be-definitive allows us to take some DOM that needs to repeat elsewhere on the page, and turn it into a web component.

The package is part of the `<ceb/>` library. It provides the main builder used to define and register Custom Elements (v1).

SCADA/HMI pipe components with flow animation for web applications

Fire a custom event whenever an element matching a specified selector is added.

Collection of personal sets of functions to speed up web development.

Turn some (server) expanded HTML into the smallest, optimized HTML representation so it can be rapidly cloned (via web components, for example) on the client

Adapters to make nanocomponent run natively inside frameworks

Web Component to access data from Wikidata

FaS Element - Web component cung cấp UI tiếng Việt đẹp cho xác thực passkey, dễ dàng tích hợp vào website

QuickSnap is a lightweight, optimized Web Component for seamlessly integrating webcam access into JavaScript applications. It provides an efficient way to capture snapshots with a minimal yet powerful feature set, ensuring a smooth user experience.

pie-print

A simple toast notification system for htmx

Text to Speech component wich is reading texts from DOM elements.

An HTML custom element, designed to let you quickly create an easily-customizable context menu.

The output element provides an example of a built-in element that "outputs" its value. It's a bit of a strange feature, given that it displays the exact value passed in, but the "value-add" proposition the output element provides may be bit esoteric (a11

A web component that wraps a text input element and adds date-picker functionality to it.

Declarative way for client-side includes boosted with HTML Imports features, like full control over loaded `<script>`s and `<link>`s, caching, de-duping, etc.

A progressively enhanced `<count-down>` custom element that counts down to a specified date.

simple color picker custom element

Animated toggle button to switch between light/dark/system theme.

Expandable/collapsible button

Tiny, Proxy based App State Managment for custom-elements

Simple Polymer 2 app in Typescript using TWC

A custom element for wrapping the hydra-synth engine

Wrapper for Web Components so that React will play nice

Flexible autocomplete/select component written in Svelte. Massively inspired by Selectize.js. Also usable as custom element (CE)

Starter web component project for microsoft fire element

Parametric 2D graphics. As a custom element (aka Web Component).

[](https://www.webcomponents.org/element/dom-arrow) # dom-arrow

Code syntax highlight Web Component

Command-line tools for developing web components.

A select-dropdown to replace the vanilla select element and its options.

be-persistent is a behavior/decorator that provides persistence storage to native DOM and custom elements.

The package is part of the `<ceb/>` library. It provides a builder to resolve and inject a bus from a container and then subscribe to event.

News reader web component for custom urls.

Switch between active views using a file-tab interface, a standards-based DOM Component

RSS/Atom Feed Ticker As Custom HTML Element

Framework-agnostic custom element for interactive DBML database diagrams

Make the fieldset and possibly other built-in elements expandable, similar to the detail element.

A web component that wraps HTML elements and forms a drop-down menu out of them.

A customizable HTML card web component

Stencil Component Starter

A native audio custom web component

Observed properties for web components.

Import Static, Declarative HTML Web Components with Streaming HTML.

A web component library for JiRa

Imports required AMP HTML custom-elements into source files.

The package is part of the `<ceb/>` library. It provides the implementation of an HTML Sax like parser.

Responsive grid custom element using Polymer and Flexbox

A WebComponent textarea implementation with custom properties and styles.

A custom web component for a shape with configurable properties.

The package is part of the `<ceb/>` library. It provides an implementation of the main artifacts of an Event/Message architecture.

A web component that wraps HTML elements and forms a horizontal carousel slider out of them.

A custom element wrapper around temml

Custom element wrapper for any audio stream

The package is part of the `<ceb/>` library. It provides an implementation of the messaging model leveraging on a vanilla TypeScript/JavaScript environment.

Make a DOM element delible

A lightweight, framework-agnostic lazy loading image web component built with Lit

Instantiate template when viewable.

Connect (web) components together.

A lightweight custom js video player web component built with pure JavaScript. It can be used in any application that supports JavaScript, including frameworks like Angular, React, Vue, and others.

This is a calculator for the web following the design of the iOS-Calculator.

Web component for the Save to Google Pay button

1-dimensional repeater web component

Adds a button to any element that allows the element to be cloned.

A custom web component that transforms a standard <select> element into a searchable dropdown. It allows users to filter and search through options in real-time for improved usability. Easily custo…

Command-line tools for developing web components.

A web component for creating custom HTML elements that depict piano keys

A customizable activity grid component similar to GitHub's contribution graph

Enhance the input element so it can declaratively read contents from a local file (or files).

HTML custom element to convert text to speech using the Web Speech API.

showing local date

A flip card web component.

Base class for web components has basic boilerplate code to simplify custom element implementation

An orthographic projection of Earth, a standards-based DOM Component

embed-pivot

custom select element with custom search records and using html in option with custom style.

The package is part of the `<ceb/>` library. It provides a bridges between the Electron IPC Event Emitter and a Gateway.

A customizable feedback widget web component for collecting user feedback

Load dependent resources eagerly, but not too eagerly.

Mixin to attach an Effector Store to lit-element

A lightweight JavaScript library to embed Medium blog posts on any website

A customizable simple and jellified switch web component

be-reformable is a web component that progressively enhances the built-in form element

Transform DOM on demand.

Text to Speech component wich is reading texts from DOM elements.

A simple Hello World web component built with Svelte that can be used in any framework

Turn mid-content hyperlinks into a listed footnote!

Declarative Custom Element Wrapper Library for the WebAudio API

This is a web component that allows you to create numerical animations on your website.

Notify element/behaviors when to be engaged.

Add additional validations on form element beyond those that can be specified on an individual field level.

Web Component para seleccionar colores con estilos personalizados y formAssociated

The package is part of the `<ceb/>` library. It provides the implementation of a templating solution which leverages on the vanilla string literals.

Custom element containing a hidden sidebar wich reveals itself by sliding in from off the page.

A custom web component for text summarization

> Easy to embed Youtube Embeds

Create full vue3 apps inside embeddable components.

A web component that listens for events on a sibling, and, when fired, performs transforms on the host.

fetch data from a url.

Minimalist JavaScript to make form input formatting simple

Corner-pocket popup menu, a standards-based DOM Component

Web Component that super imposes one child over another to the same scroll position

A memory game web component.

Tools that help use a family of web component decorators starting wth be-

Lightweight code editor Web Component with syntax highlighting

Scaffolding a Polymer custom element the right way.

Web Component BCD to 7 Segment Display

Create an EventTarget associated with the adorned element that can hold scoped state.

Provides an extended "Holy Grail" layout as a web component.

Use appHistory as a trade blotter, providing a kind of global state unifier across components.

Derive initial state from server streamed semantic HTML, then entrust its value to some other system of record.

Combine Alpinejs and Component.

Custom Element for reusable product cards with quantity controls and add-to-cart event support.

Polymer 2 element in Typescript using TWC

Allow the user to customize input element during run time.

A simple web component that combines a range input and a number input

On Resize and Element Queries for Polymer 3

Made a DOM element searchable.

Template, defining custom elements

Framework-agnostic blueprint Web Component

A fully-typed implementation of the context-protocol, with support for subscriptions.

Fire an event with different characteristics from the original event.

styles to apply with honey webcomponents.

Custom element wrapping arbitrary content in a draggable pane.

Simple facebook login button

TypeScript framework designed to facilitate the creation of single-page web applications

Flipbook style playback of image sequences. Custom HTML element.

Apply element decorators / behaviors from a distance.

You can use this package with the `<custom-input> </custom-input>` HTML tag.

Adds class 'selected' to anchor element when the current route matches the href.

A web component for creating custom arrow HTML elements.

Custom modal web component for set phone number

Web Component input

A simple blog post web component

A custom element that lets you load HTML partials into your Web page. Declarative way for client-side includes.

Expand, collapse, dock and float accordion-style, standards-based DOM component

styles to apply with honey webcomponents.

React wrapper for a starter web component project

A custom element that shows categorized or random chuck norris fact.

Starter web component project for lit element

An `<aegis-modal>` component built using [`@aegisjsproject/component`](https://npmjs.org/package/@aegisjsproject/component)

Glue DOM and Custom Elements together.

Angular Map Web component for Field Data - Dimensions pre

You can use this package with the `<custom-dropdown> </custom-dropdown>` HTML tag.

Starter web component project

Text to Speech component wich is reading texts from DOM elements.

Add useful tree functionality to a deeply nested tree of details/summary HTML nodes.

[](https://github.com/bahrus/be-gingerly/actions/workflows/CI.yml) [](http://badge.fury.io/js/be-gingerly

A reusable market component test.

The package is part of the `<ceb/>` library. It provides an implementation of the principle: Inversion Of Control.

custom elements for building layouts

Web Component for speech input field

Elevate local property value to host or upstream peer element when user initiates event.

Web component that allows for invoking an arrow function or method of the host. or other "upSearched" components.

A web component that simplifies using Shopify's Section Rendering API.

🔔 Lightweight and framework-agnostic Web Component for toast notifications

A web component icon that works in all frameworks including Nuxt2, Nuxt3 and Next.js

A lightweight, framework-agnostic image magnifier using Web Components

A Polymer 3.0 Custom Element Where the Height Depends on the Width

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.0.1.

Webcomponent wc-youtube following open-wc recommendations

Invoke method on upstream peer element or the host.

A flexible menu using round icons as hyperlinks, a standards-based DOM Component

Apply be-decorated element decorators / behaviors in a particular order.

Glue DOM and custom elements together mostly declaratively.

<a href="https://nodei.co/npm/be-adopted/"><img src="https://nodei.co/npm/be-adopted.png"></a>

Container element that is aware of and notifies of changes to its size

web component for random colored stylish pearl svg

Sizes the inner content to fit into the outer container, preserving aspect ratio.

Simple Web Component that animates card swipes similar to Tinder's effect.

The package is part of the `<ceb/>` library. It provides an integration of Inversion with Messaging to discover handlers and listeners.

*be-it* is a vaguely named custom enhancement for DOM elements, whose mission is rather obscure but quite important. It allows deriving and forwarding [microdata](https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata) values from meta and link tags

Virtual list web component for creating selection lists with a large number of lines. The basic principle is to render the rows currently visible.

The package is part of the `<ceb/>` library. It provides a builder to inject entries in Custom Elements.

A custom web component for Google reCAPTCHA v2

Enhanced <a> links, transform your page into a SPA

Glue DOM and custom elements together via JSON declarations.

Yet another abstraction layer for creating web components.

Toggle password - custom element

AI chatbot as a reusable web component built with Angular Elements.

The package is part of the `<ceb/>` library. It provides a model to test IOC containers.

Simple implementation of Custom Elements.

💡 A frontend library to initialize and use Qwik components instantly from custom HTML elements using directives.

Set the value of an element based on peer elements or the host

A CSS-powered slider/carousel, enhanced with JavaScript for improved functionality and accessibility

Element for rendering multi-trait-rubric content

A fun web component that adds an animated cat to your webpage

The package is part of the `<ceb/>` library. It provides a set of builders used to enhance the definition of Custom Elements (v1).

The package is part of the `<ceb/>` library. It provides a builder which enhances the definition of Custom Elements (v1) with a templating solution.

Hydrate and compute values reactively from other (server side rendered/generated) HTML signals via local script tags.

Simple color selector as Web Component

an input custom element

Vanilla custom element that displays FontAwesome icons

a sparkline component usable in any HTML document, in any browser. <sparkline points='0.1 0.5 1 0.3 0.4' color=red animate=true></sparkline>

A customizable Web Component for input fields, following open-wc recommendations, built using the Lit framework.

A formidable set of libraries that can be used as custom elements with an unified API.

A simple but performant Web Component for 'masonry' style layouts.

Base class for web components as a service

A lightweight Web Component for animated typewriter text effects.

The package is part of the `<ceb/>` library. It provides an integration of the simple implementation with Inversion.

Custom Elements wrapper for CodeFlask, a simple code editor

A custom element encapsulating a CodeMirror instance.

Designer card with horizontal & vertical titles, image, and mouse-over text, a standards-based DOM Component

The package is part of the `<ceb/>` library. It provides a bridge between a DOM EventTarget object and a Gateway.

Custom Element for testing state changes as a string and/or color.

Parallax Layer Web Component

Search popular tech forums for questions and answers related to this document, a standards-based DOM Component

Starter web component project

A custom element for liquid glass effects.

A just-in-time continuous feed of articles featuring collapsable/expandable UI cards; a standards-based DOM Component

The package is part of the `<ceb/>` library. It provides resources to improve tests playing with messaging artifacts.

Cusom element for displaying code with syntax highlighting using Prism.

Element decorator/behavior that derives data from server-rendered HTML

Compute values from other HTML signals via local script tags.

RegEx Element analyses a text by means of a regular expression. An array of matching values is returned in real time.

Site-specific favorites dialog, a standards-based DOM Component

Export JS constants from inline script attributes.

Script HTML elements like yore, with support for ES modules.

> Custom component for language select

Reflect the value of the input to the value attribute on input event.`

Use XSLT to turn a caterpillar of native HTML markup into a butterfly of web components-filled goodness

Work like it's '95

Web Component Knobs

Customizable chat interface web component for Clappit's agentic workflow engine

A framework-agnostic chat component for AutoRABIT built with Svelte

Text to Speech component wich is reading texts from DOM elements.

Web Component base class using Polymer `lit-html`and `updating-element`

Picklist.js is a lightweight custom web component that provides a smart, keyword-based autocomplete dropdown for seamless and dynamic user input.

Export attributes from adorned element via a predictable API.

The package is part of the `<ceb/>` library. It provides an implementation of the messaging model leveraging on Moleculer.

## usege