I forgot to mention that anything screenshotted is fresh / HTML & CSS only
So, it just needs two extra things in any UI to support multiple items anywhere:
If you have multiple `type` and want to visualize them distinct have some "icon checkboxes" with
.item:has(.xy:checked) or .xy:checked + .item according to the structure …
(screenshot 1)
For all other properties, if you are not in a 1-column-scroll-context or need a fixed height / ratio, it is then just an arrow on the left and right.
The arrows are labels.
CSS translate-X-es anything, the content in an animated way and the arrow labels immediately so it is just CSS.
Super benefit:
We see a Link in e.g. the describes property which is another LD-item, we can check all alternate, languages and other relations
(wikidata in the example, gif screenshot 2 [old, meanwhile nicely styled])