x-boost
v0.1.1
Published
The set of ready-made web components for building web applications without a touch of JS.
Downloads
131
Maintainers
Readme
<x-boost>
Low-code approach fully compatible with the mature development practices
Simple but powerful extension set for the native HTML.
We believe that web development should be accessible for higher range of specialists, not for the experienced developers only. We trying to extend the most simple parts of the web platform to make it able to solve more tasks.
HTML as the low-code platform - is the main idea of <x-boost> library.
Quick start
The easiest way to try <x-boost> is to create a simple html file in your text editor and connect the <x-boost> base class from web:
Browser support
<x-boost> is supported and tested in all major modern desktop and mobile browsers:
- Chrome
- Firefox
- Safari
- Edge
- Opera
- etc.
If you have questions or proposals - welcome to x-boost Discussions! ❤️
X-IMPORT
<x-import src="./document.html"></x-import>X-MD
<x-md src="./doc.md"></x-md>X-JSDA
<x-jsda src="./document.html.js"></x-jsda>X-LIST
<x-list data-src="./data.json" template="./list-item.html"></x-list>OR:
<template id="item-tpl">
<div class="list-item">
<div>{{name}}</div>
<div>{{age}}</div>
<div>{{city}}</div>
</div>
</template>
<x-list data-src="./data.json" template-id="item-tpl"></x-list>