htmleez 1.0.0 
htmleez: ^1.0.0 copied to clipboard
Published 31 hours ago • 
namzug.dev
namzug.devHTML easy. A lightweight library for creating HTML programmatically in Dart.
Htmleez #
Template-less. Type safe. Simple. Familiar. Pure Dart.
Install #
dart pub add htmleez
Quick Start #
import "package:htmleez/htmleez.dart";
void main() {
print(btn().toHtml());
}
HTML btn() => button([
$("type")("button"),
$("class")("btn btn-primary"),
raw$("onclick")("console.log('Clicked')"),
"Click me!".t
]);
Core Concepts #
- Tags, Attributes and Events: simple way to mirror HTML elements in Dart.
const div = Tag("div");
const img = Tag("img", true); // renders a void tag <img />
$("id")("main"); // escaped attribute: id="main"
$("disabled")(); // flag attribute: disabled
raw$("onclick")("console.log('Clicked')"); // raw attribute for static JS/events
$classes(["btn", "btn-primary"]); // class="btn btn-primary"
-
Text & Raw:
- Safe text:
.tescapes HTML in text.div(["Hello".t])-><div>Hello</div> - Raw content:
Raw()inserts unescaped content.script([Raw("alert('Hi')")])-><script>alert('Hi')</script>
- Safe text:
-
Text Extension:
"Text".tcreates escaped text content. -
API:
<HTML>.add()to append children after creation.
-
Tag names: all W3C Webref HTML elements are available as tag constants. Names match HTML elements 1:1, except
mainismainTagandvarisvarTagbecause both are Dart keywords.
For the full list of tags and extensions, see the API Reference.
Metadata
3
likes
160
points
50
downloads
Documentation
Publisher
Weekly Downloads
Metadata
HTML easy. A lightweight library for creating HTML programmatically in Dart.
Repository (GitHub)
View/report issues
Topics
License
MIT (license)