Skip to content
/ plasma Public

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

License

Notifications You must be signed in to change notification settings

chialab/plasma

Repository files navigation

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.