Reactjs 无法找到使UI如下所示的方法

我想让web UI（使用React）像图片一样，但没有主意

• 小部件四处漂浮
• 每个组件都没有对齐
• 用户可以移动（滚动）到所有方式

它就像大海中漂浮的海藻，可以选择每一种

我整天都在搜索UI库，但最终没有找到一个好主意

砌体布局（如pinterest）或拖放组件可能接近，但看起来完全不同。
在最坏的情况下，我可能不得不使用D3.js，如下所示。

我期待着您的意见。
提前谢谢

---

附加说明

我找到了一个名为Matter.js的库，这可能对我有帮助。

---

作为我提到的答案，canvas（&webgl）将有助于使屏幕可滚动。欢迎提供更多答案。谢谢。

完成此任务不需要特殊的UI库，只需要一点CSS

为此，制作一个巨大的、可滚动的容器元素，然后将项目放置在其中

例如：

函数容器（）{
返回(
{/*vw/vh用于调整屏幕大小，
但是，在您的场景中使用最有效的方法。*/}
{/*etc*/}
)
}
功能药丸（道具）{
返回
}
addEventListener（'load'，function（））{
ReactDOM.render（，document.getElementById（'root'））
})

.container{
/*200vw和200vh使该容器的大小是页面（本例中为iframe）的两倍*/
宽度：200vw；
高度：200vh；
/*相对位置将导致所有绝对定位的子对象相对于此容器进行定位*/
位置：相对位置；
}
.药丸{
/*“绝对位置”允许您使用“顶部”或“左侧”等属性*/
位置：绝对位置；
宽度：200px；
高度：50px；
边界半径：10px；
背景：#aaf；
}