oda-framework/tools/property-grid/index.html

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

<meta charset="utf-8">
<oda-tester>

    <oda-property-grid id="grid" filter-by-flags="$save, getter">
        <oda-ttt></oda-ttt>
         <oda-button icon="class"></oda-button>
        <oda-array-test></oda-array-test>
        <oda-array-test num="300" my-prop="34"></oda-array-test>
        <oda-array-test num="100"></oda-array-test>
        <oda-array-test num="400"></oda-array-test>
    </oda-property-grid>
</oda-tester>
<script type="module">
    import '../../oda.js';
    import './property-grid.js';
    ODA({is: 'oda-ttt',
        template:`
                <input ::value="attestationObject">
        `,
        $public:{
            // obj:{
            //     ss:33,
            //     rr:55,
            // },
            // arr:[
            //     1,2,3,4,5,6
            // ],
            // fff:{
            //     $pdp: true,
            //     $def: 'saved',
            //     $save: true,
            // },
            attestationObject:{
                $def: 33,
                get(){
                    return 100;
                },
                set (n, o){
                    console.log(n, o);
                },
                $save: true,
            }
        }
    })
    // class TestCls extends ROCKS({
    //     $public:{
    //         // obj:{
    //         //     ss:33,
    //         //     rr:55,
    //         // },
    //         // arr:[
    //         //     1,2,3,4,5,6
    //         // ],
    //         // fff:{
    //         //     $pdp: true,
    //         //     $def: 'saved',
    //         //     $save: true,
    //         // },
    //         attestationObject:{
    //             $def: 33,
    //             get(){
    //                 return 100;
    //             },
    //             set (n){
    //                 console.log(n);
    //             },
    //             $save: true,
    //         }
    //     }
    // }){}
    // grid.inspectedObject = new TestCls();
</script>