https://github.com/wolfpup-software/wctk-js

the web component tool kit
https://github.com/wolfpup-software/wctk-js

custom-elements customelements dom html web-components webcomponents

Last synced: 5 days ago
JSON representation

the web component tool kit

• Host: GitHub
• URL: https://github.com/wolfpup-software/wctk-js
• Owner: wolfpup-software
• License: bsd-3-clause
• Created: 2024-05-30T18:11:50.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-01-17T09:31:56.000Z (20 days ago)
• Last Synced: 2025-01-17T10:30:47.738Z (20 days ago)
• Topics: custom-elements, customelements, dom, html, web-components, webcomponents
• Language: TypeScript
• Homepage:
• Size: 46.9 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# The Web Component Tool Kit

Build web components with bare metal browser tools.

## Install

```bash

npm install --save-dev https://github.com/wolfpup-software/wctk-js

```

## Controllers

Features like reactivity and subscriptions are compositional.

A handful of utility classes can:

- wrangle the [shadow dom](./docs/wc.md)

- add reactivity and [render](./docs/render.md) components

- bind [events](./docs/events.md) to components

- [subscribe](./docs/subscription.md) components to external data

## Developer Experience

`Wctk` builds web components with an extremely tiny foot print. (~<5kb unminified and uncompressed).

It directly correlates with vanilla web component features and jargon.

The `wctk` is based on my experiences at Google on the [Lit](https://lit.dev) team.

Less is more in this wolf's opinion.

## License

`Wctk` is released under the BSD-3 Clause License.