Ui engine

frontend just suckss. when ever someone wants to build anything, backend is preety logical but ui is nightmare, and every time, everyone has to create the same thing again and again, there are frame works but i think they make matter even worse, infinite dependency which now most of us don't make sense of why it exists it's rabbit hole now, lately i been thinking why not build a ui engine where you can specify thing logically in a json with all needed things and give this input to engine and it gives you the entire frontend code, oviously for css we need to work but a universal engine can solve this hell nighmare of tech, it will be a kind of compilar takes json and creates executable code, there are lot of things need to work on like managing state , component and bla bla... intially i thought of using flutter but it will be like im building on top of a another abstraction and it might go down to same rabbit hole so im thinking to use raw html and css and build all those state & component management system from scratch that all these frameworks claims to solve

to imagine what im thinking this is how a chat app page can look like:

{
    send_message : http://localhost:3000/send-message
    auth_token: ajdfoadkajdlaks

    . 
    // all possible ui components
    .
    input_box: { placeholder: "type a message", style: {css ...},  }
    button: {text: send, style: { all the css... }, data_source{ input_box } link: {send_message, payloade: data_source.input_box, auth_token ...}}
}

for all these api end point and token values we can maintain a kind of global config ... but you got the idea right