Web Component Packages

Imports (native) web components, when scrolled into view. This way, only scripts are loaded that are really needed, which saves data to be transferred and improves performance.

Angular Element (Web Component) that creates a random avatar svg image and lets the user customize it with endless possible combinations.

The official design system for the Norwegian Institute of Public Health implemented as web components

The official design system for the Norwegian Institute of Public Health implemented as web components

The official design system for the Norwegian Institute of Public Health implemented as web components

CSS Boundary for Microfrontend Applications

Dark mode theme utilties

A library to easily render react compatible shadow DOMs for web components with individual styling for inside and outside.

Cache templates contained within templates.

[](http://badge.fury.io/js/be-one-and-only) [](https://github.com/bahrus/be-one-a

Automatically close an element that has an "pen" state, after clicking away from the element.

Read a string from (session)Storage, parse as JSON, and optionally pull a value from a path.

Read and update session storage (parsing via JSON).

Allow microdata elements and host properties to be combined together (interpolated).

Transfer values from light children to host.

A repeating decorator web component.

[](http://badge.fury.io/js/be-rewritten) [](https://github.com/bahrus/be-rewritten/acti

```html <template be-headed=fonts.gooleapis.com-css-family-indie-flower> <style> @import url(https://fonts.googleapis.com/css?family=Indie+Flower); </style> <template id=fonts.gooleapis.com-css-family-indie-fl

Transfer values from light children to host.