<h2>Overview</h2>
<p>web-template.js is a template engine based on ES6 template strings parsing. It is a pure native browser parser with no dependencies or compilation needed. It is easy to learn and use, with support for dom-diff partial updates for efficient performance. The code is minimal, making it convenient for learning and extending. The template engine is suitable for native development scenarios that require template rendering capabilities, such as rendering a large list of items. It provides a cleaner and more readable syntax compared to using raw ES6 template strings.</p>
<h2>Features</h2>
<ul>
<li>Pure native browser parsing with no dependencies</li>
<li>Support for dom-diff partial updates for efficient performance</li>
<li>Minimal code size for easy learning and extension</li>
<li>Support for key attribute for list rendering</li>
<li>Support for various template syntax, including data binding, JavaScript expressions, and directives</li>
<li>Scope support for each loop in list rendering</li>
<li>Support for fragment tags and block tags for different rendering scenarios</li>
<li>Mounting method for easily rendering templates on the web page</li>
</ul>


<h2>Overview</h2>
<p>xy-ui is a UI component library that is developed using the native Web Components specification, making it compatible with various frameworks. The library is currently undergoing an upgrade to version 2.0, and it provides a range of components such as buttons, icons, tooltips, loading indicators, popovers, switches, sliders, checkboxes, radios, ratings, pop-up confirmations, dialogs, messages, progress bars, pagination, input fields, text areas, forms, images, color pickers, date pickers, and text components.</p>
<h2>Features</h2>
<ul>
<li><strong>Buttons</strong>: Provides a range of buttons for different purposes.</li>
<li><strong>Icons</strong>: Offers a collection of icons for use in the UI.</li>
<li><strong>Tooltips</strong>: Enables the display of helpful tooltips on hover or click.</li>
<li><strong>Loading</strong>: Includes loading indicators to show the progress of a task.</li>
<li><strong>Popovers</strong>: Allows the creation of pop-up windows with additional content.</li>
<li><strong>Switches</strong>: Provides toggle switches for on/off functionality.</li>
<li><strong>Sliders</strong>: Enables input using a slider with a customizable range.</li>
<li><strong>Checkboxes</strong>: Offers checkboxes for selecting multiple options.</li>
<li><strong>Radios</strong>: Enables the selection of a single option from a list.</li>
<li><strong>Ratings</strong>: Provides a rating system for users to rate items.</li>
<li><strong>Pop-up Confirmation</strong>: Displays a confirmation dialog before executing an action.</li>
</ul>


Xboxyan

Web Template

Xy UI