JSPM

A baseline UI as Mixins, Custom Elements, React Components, etc.

A complete and simple to use share menu.

A vite/vue plugin to circumvent a bug on Vue3

Web component wrapper for Cloudbeds Payment SDK

Native viewport with custom scrollbars 🖱️

Customizable emoji picker web component, based on the Unicode Emoji specification

Custom element wrapper for the ace editor (https://ace.c9.io/)

A file tree component for the web

A pie multiple choice component

Specify that ShadowDOM should inherit be-hiviors from the parent Shadow DOM

This is a custom element ([web component](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 view files. [Demo](https://avipunes.github.io/file-viewe

CSS Class Transitions

be-enhanced provides a base class that enables casting spells, or enhancing server-rendered DOM elements based on cross-cutting custom attributes

A simple side drawer element with no dependencies and small as possible

A [pie][pie] ebsr component.

A web component for applying WebGL shader effects to images and videos

Build next-level interactive web applications.

A declarative, zero-dependency, framework-agnostic custom element for tag input with autocomplete

Element for rendering passage content

2048 as a WebComponent.

Dictate Button (Web Component)

A popover web component that starts loading related assets when you hover or focus its trigger button(s)

ng-igv genome browser as a web component - framework agnostic

be-switched is a template behavior that lazy loads content when conditions are met.

Zero-runtime vanilla JavaScript library providing transparent DOM grouping via DocumentPersistentFragment - live parent semantics without wrappers, shadow roots or DOM patching.

A custom HTML element for displaying Spine animations using PIXI.js

A modern Jalali (Shamsi) Date Picker web component with shadcn-like styling

A tiny framework agnostic hamburger button element for modern web apps

A drawer component for the modern web.

WebComponents for rendering a Graphviz graph and for editing its source script with syntax highlighting.

iron-image extension supporting srcset and lazy loading

PDF maker web component

A streaming, low latency Stem Player Web-Component

Native JSON text editor with indentation and syntax highlighting on the fly.

AVS Go

Turn static web sites into dynamic web apps

A custom element to listen to events that aren't in the hierarchy of bubbling.

Evaluate expressions in inline script tag.

Wrapper for React Component to CustomElement

懒猫文件选择器 - 一个用于快速实现网盘文件选择和保存功能的Vue组件

Universal watermark web component for Vue, React, and vanilla HTML

Custom elements renderer for ssr

A custom element designed for use with elm-mapbox

Web component wrapper around the Frappé chart library

be-a-beacon is an HTML Element enhancement that causes the HTMLTemplate (or any other) element it adorns to emit bubbling event 'i-am-here', the moment it is connected to the live DOM tree.

Connection line element for the DOM

A web component library for BodyMovin (Lottie) animations

Provide flat, virtual snapshot of a tree

A custom element package built with Vite

Minesweeper as a WebComponent.

A vanilla JS custom element for drag-and-drop file handling

With this package, you can make any changes you want on the text. Don't worry about the framework. It is a custom element and is compatible with all JavaScript frameworks.

Stencil Component Starter

A custom HTML element for displaying Live2D animations using PIXI.js

A web component for the corner banner of GitHub.

HTML picture custom element that works with container queries

A custom web component for a recording badge.

A tiny vanilla (zero-dependency) non-visual native browser web component (plug-n-play custom HTML element and extensible class) that helps implement custom patterns for promoting progressive web apps (PWA) installation

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

Edit JSON

News reader web component for custom urls.

be-decorated provides a base class that enables attaching ES6 proxies onto other 'Shadow DOM peer citizens' -- native DOM or custom elements in the same Shadow DOM realm, based on cross-cutting custom attributes.

Scroll-to-scrub video web component

A simple, animating menu button built as a Web Component

Markdown formatting buttons for text inputs.

simple custom element util for web front-end

Taxonomy visualisation

Side nav (drawer) web component.

A modern, customizable audio player web component with support for thumbnails, speed control, and volume management

Beautiful meteor shower animation as a Web Component. Perfect for backgrounds in landing pages, portfolios, and interactive websites.

A web component textarea with AI features, built with Svelte 5

Glue DOM and custom elements together mostly declaratively.

be-bound is an attribute-based enhancement that provides limited 'two-way binding' support.

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 web component for resizable panels with custom events and theming.

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

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

Custom element to show the stippled version of image

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

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.

ListenUser in-app support widget for customers' web apps

Add streaming support to DOM elements

SCADA/HMI pipe components with flow animation for web applications

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

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.

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.

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

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

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.

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

Simple Polymer 2 app in Typescript using TWC

pie-print

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

Expandable/collapsible button

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

simple color picker custom element

A custom element for wrapping the hydra-synth engine

Responsive grid custom element using Polymer and Flexbox

Wrapper for Web Components so that React will play nice

e-propagating creates a subscribable EventTarget, which watches for changes to a provided list of properties of the element it adorns, and the event target emits events with the same name every time the property value changes

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

Command-line tools for developing web components.

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

Code syntax highlight Web Component

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.

Web Component to access data from Wikidata

Lightweight code editor Web Component with syntax highlighting

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.

Make exports from inside a script tag accessible from the DOM.

A simple toast notification system for htmx

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

Observed properties for web components.

Import Static, Declarative HTML Web Components with Streaming HTML.

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

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

A customizable HTML card web component

Stencil Component Starter

A web component library for JiRa

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

A custom element wrapper around temml

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.

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

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.

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

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.

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

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 lightweight, framework-agnostic lazy loading image web component built with Lit

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

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

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

A flip card web component.

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

embed-pivot

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

Load dependent resources eagerly, but not too eagerly.

Mixin to attach an Effector Store to lit-element

A customizable feedback widget web component for collecting user feedback

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

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.

showing local date

Fire an event with different characteristics from the original event.

A customizable simple and jellified switch web component

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

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

Transform DOM on demand.

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

Turn mid-content hyperlinks into a listed footnote!

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

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

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

fetch data from a url.

> Easy to embed Youtube Embeds

Create full vue3 apps inside embeddable components.

Tiny, Proxy based App State Managment for custom-elements

Minimalist JavaScript to make form input formatting simple

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-

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.

News reader web component for custom urls.

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

A native audio custom web component

Provides an extended "Holy Grail" layout as a web 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.

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.

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

Made a DOM element searchable.

On Resize and Element Queries for Polymer 3

Template, defining custom elements

Flipbook style playback of image sequences. Custom HTML element.

Declarative Custom Element Wrapper Library for the WebAudio API

Custom element wrapping arbitrary content in a draggable pane.

Simple facebook login button

styles to apply with honey webcomponents.

Framework-agnostic blueprint Web Component

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

Apply element decorators / behaviors from a distance.

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

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.

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

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)

Starter web component project

Angular Map Web component for Field Data - Dimensions pre

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

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

Creates cross-browser [V1 spec](https://www.webcomponents.org/specs) web components ([custom elements](https://developers.google.com/web/fundamentals/web-components/customelements)) from native HTML, CSS, and JavaScript classes.

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

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

A lightweight, framework-agnostic image magnifier using Web Components

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