https://github.com/kiranmantha/plumejs

A typescript framework to build SPA's using web components
https://github.com/kiranmantha/plumejs

Last synced: 2 months ago
JSON representation

A typescript framework to build SPA's using web components

• Host: GitHub
• URL: https://github.com/kiranmantha/plumejs
• Owner: KiranMantha
• License: mit
• Created: 2018-10-29T05:56:42.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2025-01-22T06:22:02.000Z (5 months ago)
• Last Synced: 2025-04-03T07:01:55.975Z (3 months ago)
• Language: TypeScript
• Homepage:
• Size: 2.04 MB
• Stars: 20
• Watchers: 3
• Forks: 5
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](./logo.svg)



[![GitHub contributors badge](https://img.shields.io/github/contributors/kiranmantha/plumejs?color=blue)](https://GitHub.com/KiranMantha/plumejs/graphs/contributors/)

[![PRs Welcome badge](https://img.shields.io/badge/PRs-welcome-blue.svg)](https://GitHub.com/KiranMantha/plumejs/pulls)

[![Number of hits badge](https://img.shields.io/endpoint?url=https%3A%2F%2Fhits.dwyl.com%2Fkiranmantha%2Fplumejs.json&label=hits&color=blue)](http://hits.dwyl.com/KiranMantha/plumejs)

[![Discord badge](https://badgen.net/badge/icon/discord?icon=discord&label)](https://discord.com/channels/1124230781439578172/1124230781909348475)

[![NPM version badge](https://img.shields.io/npm/v/@plumejs/core)](https://www.npmjs.com/package/@plumejs/core)

[![NPM downloads badge](https://img.shields.io/npm/dw/%40plumejs/core?color=blue)](https://www.npmjs.com/package/@plumejs/core)

![Library dependents badge](https://img.shields.io/librariesio/dependents/npm/%40plumejs/core?color=blue)

[![GitHub watchers badge](https://img.shields.io/github/watchers/kiranmantha/plumejs?style=social)](https://github.com/kiranmantha/plumejs/watchers)

[![GitHub stars badge](https://img.shields.io/github/stars/kiranmantha/plumejs.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/kiranmantha/plumejs/stargazers/)

PlumeJs is a very light weight typescript framework to build spa's. It is build on more accessable web components, typescript. It comes with features like change detection during async operations, data-sharing via services and props, dependency injection.

PlumeJs is a conceptual combination of angularjs and react. Just like angular one can register `Services`, `Components` and `life-cycle hooks`. It has `setProps` and `onbindprops` for passing data from one component to another and like react `update` function to update the view after modal updations and a `render` function to render the component.

PlumeJs has very few syntaxes enabling faster learning curve.

## Documentation

For documentation please visit [wiki](https://github.com/KiranMantha/plumejs/wiki)

## Playground

Want to try before you install?? play at [Stackblitz](https://stackblitz.com/edit/vitejs-vite-viqqh9?file=src%2Fmain.ts)