X-Element a zero knowledge curve, agnostic non framework that enhances custom elements with functionality and data binding that mimics native custom element and language standards.
Attributes
Includes Deno configuration
Repository
Current version released
2 years ago
X-Element
A zero knowledge curve, agnostic non framework that enhances custom elements with functionality and data binding that mimics native custom element and language standards.
Features
👶 Simple If you know HTML, JS, and Template Literals then you know how to use X-Element
⛽ Agnostic Use XElement with any framework or library - Lit, Vue, React, Angular.
⚛ Reactive Efficient two way reactive databinding by default.
⚡ Fast Rendering is blazing fast, because XElement only interacts with the dynamic DOM Nodes.
📦 Small ~(15)KB minified.
🧭 Router Client side routing using the new Navigation API
Learn
https://xeaone.github.io/element/
Example
import { component, html } from '/x-element.js';
export default class greet extends component {
greeting = 'Default Greeting';
greet = () => this.greeting = 'Updated Greeting';
render = () => html`
<h1>this.greeting</h1>
<button onclick=${this.greet}>Greet</button>
`;
}
Use
https://esm.sh/@xeaone/element/x-element.js
https://cdn.jsdelivr.net/gh/xeaone/element/pro/x-element.js
https://www.npmjs.com/package/@xeaone/element
Author
License
Why You Should Choose MPL-2.0 This project is licensed under the MPL-2.0 License