JSPM

Found 480 results for custom-element

@salilvnair/ngx-element-util

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

  • v0.0.2
  • 6.60
  • Published

wc-youtube

Webcomponent wc-youtube following open-wc recommendations

  • v0.0.7
  • 6.60
  • Published

be-invoking

Invoke method on upstream peer element or the host.

  • v0.0.5
  • 6.60
  • Published

be-observing

Glue DOM and custom elements together mostly declaratively.

  • v0.0.2
  • 6.57
  • Published

regex-element

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

  • v0.1.1
  • 6.57
  • Published

be-transactional

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

  • v0.0.22
  • 6.57
  • Published

be-promising

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

  • v0.0.9
  • 6.57
  • Published

be-adopted

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

  • v0.0.11
  • 6.53
  • Published

dr-niels-resize-aware

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

    • v3.0.4
    • 6.53
    • Published

    random-color-pearl

    web component for random colored stylish pearl svg

    • v1.0.7
    • 6.50
    • Published

    be-spaceless

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

    • v0.0.4
    • 6.50
    • Published

    be-it

    *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

      • v0.0.23
      • 6.49
      • Published

      be-oosoom

      Notify element/behaviors when to be engaged.

      • v0.0.11
      • 6.49
      • Published

      @tmorin/ceb-inversion-builder

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

      • v7.1.0
      • 5.95
      • Published

      juicy-html

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

      • v2.0.0
      • 5.94
      • Published

      custom-html-element

      Create reusable and reactive Web Components using Custom Element API.

      • v1.0.9
      • 5.94
      • Published

      do-link-element

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

      • v1.0.0
      • 5.94
      • Published

      be-noticed

      Glue DOM and custom elements together via JSON declarations.

      • v0.0.73
      • 5.94
      • Published

      qwix

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

      • v0.1.0
      • 5.79
      • Published

      be-calculating

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

      • v0.0.38
      • 5.79
      • Published

      @tmorin/ceb-elements-builders

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

      • v7.0.2
      • 5.72
      • Published

      @tmorin/ceb-templating-builder

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

      • v7.0.0
      • 5.72
      • Published

      fa-icon-element

      Vanilla custom element that displays FontAwesome icons

      • v1.0.1
      • 5.70
      • Published

      define-element

      Template, defining custom elements

      • v0.0.0
      • 5.69
      • Published

      linear-input

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

      • v1.0.1
      • 5.69
      • Published

      lit-element-light

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

      • v0.0.3
      • 5.69
      • Published

      codeflask-element

      Custom Elements wrapper for CodeFlask, a simple code editor

      • v1.0.3
      • 4.97
      • Published

      @bgoodman/code-edit

      A custom element encapsulating a CodeMirror instance.

      • v1.4.1
      • 4.97
      • Published

      sethacked-typewriter

      A lightweight Web Component for animated typewriter text effects.

      • v1.0.2
      • 4.97
      • Published

      custom-avatar-initials

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

      • v1.0.1
      • 4.96
      • Published

      aichatassist

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

        • v1.1.4
        • 4.96
        • Published

        rwt-kanji

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

        • v1.0.17
        • 4.95
        • Published

        @tmorin/ceb-messaging-adapter-dom

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

        • v7.1.0
        • 4.95
        • Published

        be-derived

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

        • v0.0.6
        • 4.83
        • Published

        be-pute

        Compute values from other HTML signals via local script tags.

          • v0.0.2
          • 4.83
          • Published

          rwt-piqueme

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

          • v1.0.11
          • 4.83
          • Published

          @tmorin/ceb-messaging-testing

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

          • v7.1.0
          • 4.83
          • Published

          @fylgja/snap-slider

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

          • v1.0.0
          • 4.81
          • Published

          open-gallery-element

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

          • v0.2.4
          • 4.81
          • Published

          be-verbose

          be-verbose does the following:

          • v0.0.2
          • 4.81
          • Published

          be-valued

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

          • v0.0.5
          • 4.77
          • Published

          be-metamorphic

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

          • v0.0.33
          • 4.77
          • Published

          @clappit/chat-element

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

          • v0.1.1
          • 4.76
          • Published

          autorabit-chat

          A framework-agnostic chat component for AutoRABIT built with Svelte

          • v1.0.0
          • 4.76
          • Published

          be-fruitful

          Provide optional default light children.

          • v0.0.1
          • 4.76
          • Published

          be-adoptive

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

          • v0.0.14
          • 4.76
          • Published

          picklist.js

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

          • v1.1.3
          • 4.75
          • Published

          xp-as

          Export attributes from adorned element via a predictable API.

          • v0.0.4
          • 4.75
          • Published

          fetch-for

          Base class for web components as a service

          • v0.0.10
          • 4.75
          • Published

          @tmorin/ceb-messaging-moleculer

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

          • v7.1.0
          • 3.76
          • Published

          daai-component

          A custom web component for a recording

            • v1.2.5
            • 3.75
            • Published

            be-media-savvy

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

            • v0.0.3
            • 3.75
            • Published

            text-scramble

            Web component that animates text with a scramble effect

            • v1.0.1
            • 3.75
            • Published

            drawer-dialog

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

            • v1.1.0
            • 3.75
            • Published

            rwt-newton

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

            • v1.0.7
            • 3.75
            • Published

            rwt-reading-points

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

            • v1.0.19
            • 3.75
            • Published

            ce-mixinprops

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

            • v1.11.0
            • 3.75
            • Published

            be-itemized

            Make server rendered html generate microdata.

            • v0.0.2
            • 3.65
            • Published

            console-ment

            Web component that logs to the console.

            • v0.0.1
            • 3.65
            • Published

            @tmorin/ceb-messaging-builder-core

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

            • v7.1.0
            • 3.65
            • Published

            @tmorin/ceb-templating-engine

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

            • v7.0.0
            • 3.64
            • Published

            be-overloading

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

              • v0.0.2
              • 3.64
              • Published

              @tmorin/ceb-inversion-testing-mocha

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

              • v7.1.0
              • 3.61
              • Published

              dm-buttons-lib

              You can use this package with the following HTML tags:

                • v1.0.13
                • 3.61
                • Published

                be-hashing-out

                Elevate the trust level of HTML Fragments.

                • v0.0.2
                • 3.61
                • Published

                @tmorin/ceb-bundle-web

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

                • v7.0.2
                • 3.61
                • Published

                high-msg-manager

                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.

                • v0.0.6
                • 3.60
                • Published

                generator-easy-element

                Easily create cross-browser web components using easy-element

                • v1.2.8
                • 3.60
                • Published

                be-computed

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

                  • v0.0.3
                  • 3.60
                  • Published

                  mis_vassar

                  MIS web component for Angular and other frameworks.

                    • v1.1.0
                    • 3.60
                    • Published

                    movablement

                    <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

                    • v2.1.1
                    • 3.59
                    • Published

                    jarvis-campaigns-web-component

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

                    • v1.0.0
                    • 3.59
                    • Published

                    be-kvetching

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

                    • v0.0.4
                    • 3.59
                    • Published

                    hlx_greeting_card

                    A simple greeting card web component

                      • v1.0.1
                      • 2.20
                      • Published

                      @egamer/ow-events-status-element

                      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.

                        • v1.0.0
                        • 2.20
                        • Published

                        be-spawn-of

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

                        • v0.0.2
                        • 2.20
                        • Published

                        be-duck-typed

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

                        • v0.0.1
                        • 2.20
                        • Published

                        be-parsed

                        Parse a script tag that contains JSON.

                        • v0.0.7
                        • 2.19
                        • Published

                        realtorbots-ai

                        A simple custom HTML element.

                          • v1.0.14
                          • 2.14
                          • Published

                          wc-time

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

                          • v1.0.0
                          • 2.14
                          • Published

                          be-for

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

                            • v0.0.1
                            • 2.14
                            • Published

                            spinner-loader

                            Spinner Loader custom element

                            • v1.0.3
                            • 2.14
                            • Published

                            @bgoodman/tab-pane

                            A custom element allowing tabbed views of child elements.

                            • v1.2.1
                            • 2.14
                            • Published

                            backslap

                            BackSlap - A lightweight feedback widget for your web applications

                              • v0.1.1
                              • 2.13
                              • Published

                              be-dispatching

                              Dispatch event from enhanced element with specified name.

                                • v0.0.1
                                • 2.13
                                • Published

                                mtrl-icon

                                Vanilla custom element that displays Material icons

                                • v1.0.0
                                • 2.13
                                • Published

                                be-exporting

                                Export JS constants from inline script attributes.

                                • v0.0.4
                                • 2.13
                                • Published

                                be-focused

                                Set focus on an element.

                                • v0.0.5
                                • 2.11
                                • Published

                                @tmorin/ceb-elements-testing

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

                                • v7.0.0
                                • 2.11
                                • Published

                                be-sharing

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

                                • v0.0.5
                                • 2.11
                                • Published

                                rwt-nested-menu

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

                                • v1.0.10
                                • 2.11
                                • Published

                                be-joining

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

                                • v0.0.1
                                • 2.11
                                • Published

                                i-runner

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

                                • v0.2.0
                                • 2.11
                                • Published

                                be-inclusive

                                be-inclusive enables merging templates together.

                                • v0.0.15
                                • 2.11
                                • Published

                                typed-input

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

                                • v1.2.1
                                • 2.11
                                • Published

                                @barneycarroll/life-cycle

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

                                • v1.0.0-rc.1
                                • 2.11
                                • Published

                                valtio-element

                                Create reactive, declarative custom elements with valtio

                                • v0.1.0
                                • 2.11
                                • Published

                                be-syndicating

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

                                • v0.0.11
                                • 2.11
                                • Published

                                portfolito

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

                                • v1.0.0
                                • 2.11
                                • Published

                                be-methodical

                                Autogenerate command methods for declarative web components

                                  • v0.0.2
                                  • 2.10
                                  • Published

                                  @tmorin/ceb-inversion-testing-jest

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

                                  • v7.1.0
                                  • 2.10
                                  • Published

                                  sparkline-demo

                                  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>

                                    • v0.0.1
                                    • 2.10
                                    • Published

                                    pseudo-mask

                                    A tiny custom element that generates SVG masks from text content

                                    • v0.0.9
                                    • 2.10
                                    • Published

                                    formidable-elements

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

                                    • v1.1.0
                                    • 2.10
                                    • Published

                                    be-link-valued

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

                                      • v0.0.3
                                      • 2.10
                                      • Published

                                      be-indefinite

                                      Provides the ability to create a local webbie compotnik

                                      • v0.0.1
                                      • 0.00
                                      • Published

                                      be-eventful

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

                                      • v0.0.5
                                      • 0.00
                                      • Published

                                      img-slideshow

                                      A custom element for displaying a transitioning slideshow of images.

                                      • v1.1.0
                                      • 0.00
                                      • Published

                                      be-preactive

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

                                      • v0.0.3
                                      • 0.00
                                      • Published

                                      @v360-tech/v360-player

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

                                      • v1.0.1
                                      • 0.00
                                      • Published

                                      truncate-title

                                      Custom HTMLElement for truncating text. Extends Abbr tag.

                                      • v1.0.8
                                      • 0.00
                                      • Published

                                      be-restated

                                      Derive HTML from server-rendered HTML, using XSLT

                                      • v0.0.3
                                      • 0.00
                                      • Published

                                      @bgoodman/split-pane

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

                                      • v1.0.1
                                      • 0.00
                                      • Published

                                      be-free-ranged

                                      Manage a range of next siblings as if they were children

                                      • v0.0.1
                                      • 0.00
                                      • Published

                                      be-hydrated

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

                                      • v0.0.3
                                      • 0.00
                                      • Published

                                      iconify-picker

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

                                      • v0.1.0
                                      • 0.00
                                      • Published

                                      daai-badge

                                      A custom web component for a recording badge.

                                        • v1.0.1
                                        • 0.00
                                        • Published

                                        template-element-loader

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

                                        • v1.0.1
                                        • 0.00
                                        • Published

                                        be-evanescent

                                        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.

                                        • v0.0.7
                                        • 0.00
                                        • Published

                                        @kiliannnnn/qrify

                                        A simple qr-code generator as a custom HTML component

                                        • v1.1.0
                                        • 0.00
                                        • Published

                                        be-current

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

                                        • v0.0.3
                                        • 0.00
                                        • Published

                                        view-effects

                                        Package which applies custom behavior or effects to elements

                                        • v1.0.0
                                        • 0.00
                                        • Published

                                        dm-button-lib

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

                                          • v1.0.11
                                          • 0.00
                                          • Published

                                          chat-auto-scroll

                                          A custom web component for automatic scrolling in chat interfaces.

                                          • v1.0.1
                                          • 0.00
                                          • Published

                                          rwt-sitenav

                                          Popout site navigation panel, a standards-based DOM Component

                                          • v1.0.35
                                          • 0.00
                                          • Published

                                          custom-element-map

                                          A utility for the CustomElementsRegistry that exposes a map of all registered elements

                                            • v1.0.0
                                            • 0.00
                                            • Published

                                            be-summoning

                                            be-summoning summons all child elements matching an attribute value.

                                            • v0.0.2
                                            • 0.00
                                            • Published

                                            be-kibitzing

                                            Insert a template into a Shadow DOM sequence.

                                            • v0.0.6
                                            • 0.00
                                            • Published

                                            netsi-pretty-date

                                            A custom element to insert pretty formatted dates

                                              • v0.0.2
                                              • 0.00
                                              • Published

                                              be-space-cased

                                              Replace JSON keys with readable labels

                                              • v0.0.1
                                              • 0.00
                                              • Published

                                              be-eventing

                                              Minimal CSP security rules stipulate that inline event handlers are "out of bounds" as far as guaranteeing safety.

                                              • v0.0.5
                                              • 0.00
                                              • Published