@planit Component Library Platform

The platform provides:

@planit/components - a web component library to utilize in your application

@planit/component-lib-platform - spawn your own web component library

@planit/components

@planit/components is a web component library that can be used within any application, regardless of technology. Check out the Storybook for the library documentation.

Get started!

To use the standard web components, run the following script:

npm i @planit/components

Then load the package into your app:

import { defineCustomElements } from '@planit/components/loader';
defineCustomElements();

To use the web components within React Wrappers for a more efficient utilization in a React application, run the following script:

npm i @planit/react-components

Note: For an example of how to use the React Wrapper version of the web components, please review this example.

@planit/component-lib-platform

@planit/component-lib-platform will automatically set up a component library development platform in just a few minutes. It includes a Stencil web component starter library, a TailwindCSS configuration, Storybook.js, and a demo application.

Get started! Simply run the following script:

npx @planit/component-lib-platform {your-project-name}