@chialab/plasma

Generate Custom Elements wrappers for Angular, React, Svelte and Vue.
3,951 2
vue react svelte angular web-components dna
Install
npm install @chialab/plasma
Latest Version:0.4.2
License:MIT
Last Updated:Jan 7, 2025
Links: GitHub  ·  npm
Maintainer: chialab-admin

Plasma

Generate Custom Elements wrappers for Angular, React, Svelte and Vue.

[!NOTE]
plasma is the imperative form for the Italian verb plasmare, to shape in English.

Plasma transformations are based on Custom Element Manifest (CEM) specifications. The CEM is a JSON files that describes a Custom Element, its properties, events and slots. Plasma uses the CEM to generate wrappers for the supported frameworks.

You can generate the CEM for most of the Web Components library using this Analyzer.

Install

npm i -D @chialab/plasma

Usage

Plasma will try to autodetect the custom elements manifest (custom-elements.json) and will read the entrypoint from the package.json if not specified. The output directory will be ./dist/[framework] by default.

npm run plasma

Documentation

License

Plasma is released under the MIT license.

Related Packages

simple-form-manager-v2

Simple form Manager V2

1,112
angular react svelte vue form managagement
hcx

HTML Compiler - Routeless, targetless, remote, runnable routes and more ...

468
angular react svelte vue tlx
monobill-mintui

A modern framework-agnostic UI kit built as Web Components. Requires Tailwind CS...

22,987
angular react svelte vue web-components components custom-elements framework-agnostic tailwind ui-kit
@colletdev/docs

Collet component library documentation — API reference, framework guides, and AI...

13,399
angular react svelte vue web-components collet documentation react-native rust wasm
toastive
1,731 1
angular react svelte vue web-components alert message notification toast toastive

Version History

Version Released License
0.4.2 MIT
0.4.1 MIT
0.4.0 MIT
0.3.4 MIT
0.3.3 MIT