HTML – HTML Transform More Language
HTML is a recursive transformation system that converts raw HTML into declarative UI code — for any platform, any framework, in any language.
This project is a thought, a vision, and currently… an empty directory. Nothing works yet — but everything is possible.
You’re witnessing the beginning of a great cause.
You write semantic HTML:
<article style="width: 50%; margin: 0 25%; text-align: center;">
<header>
<h1>article title</h1>
</header>
<main>
<p>article content 1</p>
<p>article content 2</p>
<p>article content 3</p>
</main>
<footer
style='width: 100%; display: flex; flex-flow: nowrap row; justify-content: space-between; align-items: center;'>
<span><strong>publish:</strong> now</span>
<span><strong>author:</strong> You</span>
</footer>
</article>And transform it to any declarative UI language.
Article(
width: 0.5,
alignment: Alignment.center,
children: [
Header(
child: Text('article title', style: Theme.of(context).textTheme.headlineLarge),
),
Main(
children: [
Text('article content 1'),
Text('article content 2'),
Text('article content 3'),
],
),
Footer(
style: FlexStyle(
direction: Axis.horizontal,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
),
children: [
RichText(text: TextSpan(children: [
TextSpan(text: 'publish: ', style: bold),
TextSpan(text: 'now'),
])),
RichText(text: TextSpan(children: [
TextSpan(text: 'author: ', style: bold),
TextSpan(text: 'You'),
])),
],
),
],
)You can target:
- Flutter
- SwiftUI
- Jetpack Compose
- ...
Write once in HTML. Render anywhere as a UI tree.
- HTML as the lingua franca of layout.
- Transform recursively, structurally, semantically.
- The "More" in HTML Transform More Language means:
- More platforms
- More abstraction
- More power
- Preserve semantics
- Convert styles to layout properties
- Tree-aware recursion
- Extensible output targets
- Framework-agnostic