{"repo":"Tehes/vanillaTemplates","free":true,"listed":false,"github":"https://github.com/Tehes/vanillaTemplates","clone":"git clone https://github.com/Tehes/vanillaTemplates.git","description":"A tiny, HTML-first template engine for Vanilla JavaScript. Uses only valid HTML (<var> and data-* attributes) for data binding, loops, conditionals, includes, styles and events. Single-pass rendering, no virtual DOM, no bundler step, usable in the browser and for static site generation.","language":"JavaScript","stars":21,"topics":["template","template-engine","templating","vanilla","vanilla-js","frontend","deno"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Vanilla JS Template Engine A lightweight and simple JavaScript template engine that uses valid HTML syntax and elements for data binding, offering built-in directives for: - Loops with data-loop - Conditional rendering with data-if - Attribute binding with data-attr - Style binding with data-style - Event binding with data-event - Includes via data-include It provides a minimalistic solution to dynamically populate HTML templates with JavaScript data, without needing any specialized template language. Features - Valid HTML Syntax : The engine uses standard HTML elements and attributes, with no need for a custom template language or syntax. - Data Binding with : Inject JavaScript data into HTML using as placeholders. - Loop Support : Iterate over arrays and object maps with data-loop , creating dynamic lists and exposing context helpers. - Conditional Rendering with data-if : Show or hide elements based on boolean expressions, including negation for inverse logic. - Attribute Binding with data-attr : Dynamically set any HTML attribute (e.g., src , href , alt ) from data. - Style Binding with data-style : Dynamically set CSS style properties on elements. - Event Binding with data-event : Declaratively bind DOM event listeners via an explicit events map. - Includes with data-include : Load and render external HTML partials via . - Per-Render Include De-Duplication : Within one renderTemplate(...) call, repeated includes with the same src are fetched only once. - Nested Loops & C","default_branch":null,"files":null,"tree":[],"storefront":"/r/Tehes","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Tehes/vanillaTemplates/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}