I made it because I was tired of spending months designing beautiful interfaces, only to realize I was only 30% done with building a full app -- it was exhausting.
So I thought of a simpler way to create a dynamic app: treat HTML as a data structure.
---
Here's how to use it:
Tag your HTML elements as editable and/or containing data.
The syntax for this is simple:
<div object key:page-title="@innerText" edit:page-title>I am an editable page title</div>
{ "pageTitle": "I am an editable page title" }
Based on just some HTML templates marked up in this way, you'll get a full application with user accounts baked in -- where each user can edit their own copy of the HTML templates you made, filling it with their own data.
It's a super-fast way of building an application with multiple users, when all you have is some HTML and CSS. And it only requires learning ~8 custom attributes to build some pretty powerful apps [1]
---
Here's how it works behind the scenes:
1. The framework scans through the page, converting nested HTML into nested JSON data
2. The framework saves this JSON data to the current user's account
Pretty simple, right? I've spent years improving the syntax and behavior to make it really easy to use. I'd love your feedback.
I even made a client-side-only version, so you can test it out without installing anything [2]
---