JSPM

HTML Custom Elements Polyfill

<!-- [=> See Source <=](../../docs/analyzer/index.md) -->

A polyfill for the element internals specification

Scoped CustomElementRegistry Polyfill

Ridiculously simple zero-config markdown displayer

Plugin for custom element manifest parser to handle import aliases

Custom-elements.json is a file format that describes custom elements. This format will allow tooling and IDEs to give rich information about the custom elements in a given project. It is, however, very experimental and things are subject to change. Follow

Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo

Base Elements for Nightingale Components

data-loader Custom Element to load data declaratively

A zoomable component for ProtVista

Basic track type of the viewer.

Event bus component for Nightnale

Navigation component for the Nightingale tool

Sequence component for the ProtVista tool

Navigation component for the ProtVista tool

Collection of utilities for ProtVista components

Manager component for the ProtVista tool

[](https://www.npmjs.com/package/protvista-feature-adapter)

[](https://www.npmjs.com/package/protvista-datatable)

Filter component for variants

A custom element wrapper for Mol*

Variation viewer for the ProtVista tool

Sequence component for the Nightingale tool

[](https://www.npmjs.com/package/@nightingale-elements/nightingale-msa)

Data adapter for variation data

A tooltip for ProtVista webcomponents

Display interaction information for different proteins and overlay information about diseases and subcellular location.

Nightingale Structure

Basic track type of the viewer.

Interpro extension of the track type.

A dataloader and parser (ProtVista compliant) for proteomics/peptide data imported in UniProt

Presentations made simple with Web Components

ProtVista Variation Graph

A dataloader and parser (ProtVista compliant) for 3D structures

A Custom Element Manifest plugin to generate a README for a Web Component

Variation viewer component

Nightingale Line Graph

Interpro extension of the track type.

A custom element that visualises multiple sequences alignments. It is basically a wrapper of [react-msa-viewer](https://github.com/ebi-webcomponents/react-msa-viewer) that plays along with other nightingale components.

Track that colors each base by a given function. The default function is hydrophobicity

> ⚠️ Very experimental and very unfinished

Basic track type of the viewer, implemented via HTML canvas.

Easily load web components into a project using Webpack.

Filter component

Atomico hook for interacting with Remark

Track that colors each base by a given function. The default function is hydrophobicity

Component for smart rendering of scrollboxes in Nightingale

[](https://www.npmjs.com/package/@nightingale-elements/nightingale-links)

Mdash is a design system based on web standards. It's extremely small (see comparison chart), fast, simple, and compatible with any JavaScript framework.

Saver component for Nightingale components

The Rava core library

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

[](https://www.npmjs.com/package/@nightingale-elements/nightingale-heatmap)

[](https://www.npmjs.com/package/@nightingale-elements/nightingale-sunburst)

[](https://www.npmjs.com/package/@nightingale-elements/nightingale-overlay)

A polyfill for the element internals specification

[](https://www.npmjs.com/package/@nightingale-elements/nightingale-textarea-sequence)

> ⚠️ Very experimental and very unfinished

A custom element that creates a formatted text area to capture sequences. It uses [QuillJS](https://quilljs.com/) to format the textarea.

Nightingale Line Graph

Write HTML and CustomElements with JavaScript using real HTML tags

Custom Element, Shadow DOM, and Custom Event test execution environment using [Ventrilo](https://github.com/TravisMullen/ventrilo) for Puppeteer, Mocha, Chai, and Rollup.

Web widgets (web components) for better DX

InterPro components using standard Web Components

xlit form custom element

Enable HTML comments and conditional IE comments in React components and JSX using a Web Component (W3C Custom Element).

This custom elements manifest analyzer plugin adds support for resolving complex types in custom element properties.

xlit command and query mediator

Custom Element Manifest Plugin: Creates a README from a custom-elements.json

xlit draggable grid layout custom element

> [Individual NPM package from the following PR](https://github.com/open-wc/custom-elements-manifest/pull/221)

A polyfill for the element internals specification

Webcomponent to show web vitals for your site

Zooming tool for Nightingale

HTML-First UI Components

Saver component for ProtVista components

Nightingale Heatmap

Support for testing Custom Element, Shadow DOM, and Custom Events using Puppeteer.

pdb web-components

Use JSX to create HTMLElement instances. Strongly typed HTML templates.

Enhance wrapper for Mdash. Mdash is a design system based on web standards. It's extremely small (see comparison chart), fast, simple, and compatible with any JavaScript framework.

HTML Custom Elements Polyfill

Forked drop in replacement for element-internals-polyfill

xlit object schema validation

This is a directive of lit-html for update (async mode) parts of your template. Change any part of your template without re-rendering

Create Vanilla App allows you to develop vanilla javascript projects from scratch with support to Webcomponents and Typescript

xlit internationalization

Connect redux-ish stores to your web components (however you write them) without effort or tight coupling

xlit common mixins

Lit HTML directive for switch content part in your template

JavaScript Grid Web Component

Lit HTML directive for assertion value and render some options

Lit-html directive for observer pattern (Reactive)

Ridiculously simple markdown displayer - a native web component based on Custom Elements v1 specs to load and display an external MD file.

## Context Provider for webcomponents #### ⛏ No more prop drilling in webcomponents <p style="padding-left:12px"> This webcomponents will pass context as props in child webcomponents. <br> attachWayContext has one parameter, a referance to component

WebComponents CLI allow you to develop WebComponents from scratch with LitElement and Typescript

a webcomponent that formats text with the minecraft formatting codes

xlit router

JavaScript Alert Web Component

Persist iFrame url loading

A custom element wrapper for Mol*

li-bid provides a repeating web component. It extends [i-bid](https://github.com/bahrus/ib-id). Whereas i-bid has [no support for light children](https://github.com/bahrus/ib-id#what-if-i-want-to-repeat-some-web-components-that-require-non-shadow-light-

Track for showing residue probabilities on individual sequence positions.

Custom Elements Manifest is a file format that describes custom elements. This format will allow tooling and IDEs to give rich information about the custom elements in a given project. You can find the repository for the specification of the schema [here]

web component base on lit-element

This is a fork of the custom-elements-manifest/analyzer repository: https://github.com/webcomponents/custom-elements-manifest that is maintained by Trimble.

A Web Component for Slider based on WAI-ARIA authoring practices

HTML Custom Elements Polyfill

xlit dependency injection container

A custom-elements-manifest plugin that generates a docsify site for your element

Web component that creates grouped siblings from a referenced template

xlit event

xlit a11y menu componentb

HTML-First Components

A custom element that creates a sunburst visualization for a taxonomy tree.

Enhance wrapper for Mdash. Mdash is a design system based on web standards. It's extremely small (see comparison chart), fast, simple, and compatible with any JavaScript framework.