Hi HN,
I’ve been exploring a language design where structure, style, and logic live in one authoring unit — to reduce token fragmentation when AI models generate frontend code.
HJX is a compiled UI language that unifies *structure*, *style*, and logic into a single `.hjx` file. It compiles to clean, dependency-free HTML + CSS + JavaScript — no virtual DOM, no runtime overhead, no framework lock-in. :contentReference[oaicite:1]{index=1}
Here’s a real example from the README:
```hjx component Counter state: count = 0 layout: view#root.card: text.title: "Count: {{count}}" button.primary (on click -> inc): "Increase" style: .card { padding: 16px; border: 1px solid #ddd; border-radius: 12px; } .primary { padding: 10px 14px; border-radius: 10px; cursor: pointer; } handlers: inc: set count = count + 1 ```
Happy to answer questions about the hjx and open for pr -Loaii abdalslam