LotusJS

Powered by

Skinnable Web Components

LotusJS is a TypeScript framework for building modern web apps using web components with decoupled views. The framework allows the entire component view to be encapsulated in an external HTML template, with no framework dependencies. This view is known as a skin which can be assigned to a custom tag instance and loaded at runtime. Once loaded the framework maps the view onto the component using the template's skin part declarations. This is a major advantage over other frameworks such as Polymer as designers can develop complete component skins without ever touching the component code. And because skins simply rely on a common data contract (the skin part definitions), developers can design their unit tests and code using abstract HTML elements. This allows design and programming teams to run on separate parallel tracks speeding up the design review process and development sprints. Best of all LotusJS is light weight and very easy to use.

Features

Top

Getting Started

Top

Examples

Top

Documentation

Review our readme file and check out our examples.

Top

Monetize

the LotusJS team is fast at work on a private npm registry and platform that will allow you to sell your components and skins. Subscriptions will be managed by the Lotus platform allowing you to securely build and sell your components and skins to users all over the world.

Top

Lotus MVW

LotusJS offers a MVW framework extension available on npm: lotusjs-mvw. The framework enables component mediation, dependency injection, command mapping, central event bus, and more. It's the ideal add on for those looking to build entire applications based on the Lotus platform.

Top