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

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

A zoomable component for ProtVista

Manager component for the ProtVista tool

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

Collection of utilities for ProtVista components

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

A custom element wrapper for Mol*

Filter component for variants

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

Variation viewer for the ProtVista tool

Data adapter for variation data

Sequence component for the Nightingale tool

A tooltip for ProtVista webcomponents

Nightingale Structure

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

Basic track type of the viewer.

Interpro extension of the track type.

ProtVista Variation Graph

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

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

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

Presentations made simple with Web Components

Variation viewer component

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.

Nightingale Line Graph

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

Interpro extension of the track type.

> ⚠️ 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

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

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

Component for smart rendering of scrollboxes in Nightingale

The Rava core library

A polyfill for the element internals specification

> ⚠️ 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

Saver component for Nightingale components

Write HTML and CustomElements with JavaScript using real HTML tags

HTML-First UI Components

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

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

Web widgets (web components) for better DX

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

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.

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

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

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

Saver component for ProtVista components

Nightingale Heatmap

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

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

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.

Forked drop in replacement for element-internals-polyfill

xlit object schema validation

HTML Custom Elements Polyfill

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

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

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

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

Lit-html directive for observer pattern (Reactive)

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

a webcomponent that formats text with the minecraft formatting codes

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

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-

Persist iFrame url loading

JavaScript Alert Web Component

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]

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

Track for showing residue probabilities on individual sequence positions.

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.

web component base on lit-element

xlit router