JSPM

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

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

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

A memory game web component.

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

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

fetch data from a url.

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

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.

Template, defining custom elements

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

Made a DOM element searchable.

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.

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.

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)

React wrapper for a starter web component project

Custom modal web component for set phone number

Web Component input

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

remote storage js html js custom-elements

A web component for creating custom arrow HTML elements.

styles to apply with honey webcomponents.

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

Check if a given string can REALLY be used as a custom element name

Simple color selector as Web Component

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.

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

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

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

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

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

A reusable market component test.

be-channeling is a web component / decorator / behavior / custom attribute. It responds to internal events of the component it adorns.

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

Web Component Knobs

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

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.

Glue DOM and custom elements together mostly declaratively.

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

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

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

web component for random colored stylish pearl svg

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

<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

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 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 fun web component that adds an animated cat to your webpage

A simple connector for custom elements that are used in react applications

Vanilla custom element that displays FontAwesome icons

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.

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.

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

Compute values from other HTML signals via local script tags.

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.

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.

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

Create full vue3 apps inside embeddable components.

be-verbose does the following:

A lightweight, easy-to-use web component for image galleries ported from.

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

A framework-agnostic chat component for AutoRABIT built with Svelte

Provide optional default light children.

an input custom element

be-adoptive allows Shadow DOM to inherit styles from the parent element.

> 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

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

## usege

Custom elements renderer for ssr

Web component that animates text with a scramble effect

A custom web component for a exam upload

A drawer web component, based on the dialog element. No dependencies and small.

References to related documents, using standardized styling, a standards-based DOM Component

Percentage read, reading time & points, a standards-based DOM Component

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

Mixin for Custom Elements (Web Components) to handle/sync properties and attributes

A custom web component for a recording

A simple helper function for defining customElementsV1.

styles to apply with honey webcomponents.

> Custom Element for adaptive, blurred images via src attributes.

Popup box with titlebar and slotted contents, a standards-based DOM Component

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

Set properties of a native or imported custom-element based on media queries.

Tree component built in Typescript with Lit-element

Make server rendered html generate microdata.

Web component that logs to the console.

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

The package is part of the `<ceb/>` library. It provides the base implementation of a builder which interacts with a Bus.

Turns the tag it adorns into a web component that inherits from [k-fetch](https://github.com/bahrus/k-fetch)

The package is part of the `<ceb/>` library. It provides a set of utilities commonly used within the other library packages.

Lazy load DOM in a flattened structure

fetch data from a url.

Polymer 2 app with navigation and PRPL pattern in Typescript using TWC

<movable-element> is a custom HTML element that allows you to automatically or manually move an element in the DOM relative to another element (target) based on specified attributes. The element can be moved to various positions relative to the target ele

A reusable web component built with React that can be used across different projects as a micro UI component

The package is part of the `<ceb/>` library. It provides the implementation of a templating solution which leverages exclusively on the DOM API.

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

MIS web component for Angular and other frameworks.

It is a custom element that makes you able to manage your HTML/Javascript project's messages that you want to notify your users by.

Easily create cross-browser web components using easy-element

Native declarative way to create a custom webcomponent

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

Minimalist JavaScript to make form input formatting simple

The package is part of the `<ceb/>` library. It provides an implementation of the testing model for IOC containers based on mocha.

You can use this package with the following HTML tags:

Elevate the trust level of HTML Fragments.

The package is part of the `<ceb/>` library. It bundles the main features of the library related to the Custom Elements (v1) specification.

A simple greeting card web component

This is a custom element ([web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) - can be used every where regardless the framework) built with [Svelte](https://svelte.dev/) to indicate game events status.

be-spawn-of fills an apparent gap in web development that is centered around web components.

styles to apply with honey webcomponents.

pie-tools

Web Component for reading QR codes

Decorator that causes input type to adjust based on pattern matching the value.

Parse a script tag that contains JSON.

범전 Web Components

Fork of original wc-context to export a couple things

Web Components Custom Element library for generating fully customizable user avatar initials.

Create reusable and reactive Web Components using Custom Element API.

Keep the element it adorns up-to-date with the current entry of navigation state

A simple custom HTML element.

HTML5 <time> tag with steroids, lightweight and fully customizible and extenable custom element form <time> tag

Perform inline formula evaluation from HTML signals via local script tags.

Spinner Loader custom element

A custom element allowing tabbed views of child elements.

The package is part of the `<ceb/>` library. It provides an implementation of the testing model for IOC containers based on Jest.

<!-- [](https://github.com/bahrus/be-intl/actions/workflows/CI.yml) --> [![How big is this package in your project?](https://img.shields.io/bundlepho

Autogenerate command methods for declarative web components

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 tiny custom element that generates SVG masks from text content

BackSlap - A lightweight feedback widget for your web applications

News reader web component for custom urls.

Dispatch event from enhanced element with specified name.

Vanilla custom element that displays Material icons

A custom element designed for use with elm-mapbox

Export JS constants from inline script attributes.

A Lit Web Components Library for building Software Developer Portfolio of Work Pages

A simple number memory game implemented as a web component.

Similar to [be-joined](https://github.com/bahrus/be-joined) and [be-calculating](https://github.com/bahrus/be-calculating).

A self-destructing custom element for one-off DOM actions

be-inclusive enables merging templates together.

An ultra simple element that extends the native input element and makes it typed.

A no-op custom element which exposes lifecycle hooks to consuming view frameworks

Create reactive, declarative custom elements with valtio

Provides base class for be-decorated element behaviors / decorators, that syndicate data / events from an assortment of elements within the Shadow DOM realm.

Set focus on an element.

A Map web component using Angular and Leaflet.js

The package is part of the `<ceb/>` library. It provides helpful resources to write tests.

Share values from (enhancements of) the adorned element to other neighboring DOM (custom) elements.

Convert a nanocomponent to a webcomponent

Nested navigation menu with two entry levels, a standards-based DOM Component

Provides the ability to create a local webbie compotnik

Custom elements for Templatone App.

Add event handling to a region of DOM using easy to read/write notation.

BrandBot App Login Web Component - Angular-based authentication component

A custom element for displaying a transitioning slideshow of images.

be-preactive is a custom element enhancement that provides rendering capabilities based on Preact.

Popup dialog for displaying information.

A lightweight, customizable HLS video player web component with built-in controls

Custom HTMLElement for truncating text. Extends Abbr tag.

Derive HTML from server-rendered HTML, using XSLT

The popular game 'minesweeper' made available as a custom element.

Custom element wrapper for [split.js](https://split.js.org/).

Manage a range of next siblings as if they were children

A reusable Awesome Card Web Component with external HTML and CSS

be-hydrated is a DOM (custom) element decorator / behavior. It assists with hydrating the element it adorns.

The package is part of the `<ceb/>` library. It provides an adapter of Gateways which integrates Purify types.

A Webpack loader that serves your html contents into actual <template> elements

Zero-dependency icon picker with built-in UI modes and native events

styles to apply with honey webcomponents.

A custom web component for a recording badge.

be-evanescent is a web component decorator that removes the element it adorns from the DOM tree when the web component definitions it monitors for become registered.

Full text search across a website, a standards-based DOM Component

Display reader's experience points and reading history, a standards-based DOM Component

Replaces the custom element strings throughout the github/custom-element-boilerplate template project

A simple qr-code generator as a custom HTML component

Polifill to allow using HTML custom elements in Safari

Package which applies custom behavior or effects to elements

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