# 流体 DOM
Liquid DOM 是一个单个仓库,用于 WebGPU 液态玻璃渲染、React 绑定、Three.js 集成、React Three Fiber 集成以及高级 API 所使用的不依赖渲染器的布局引擎。
这些包按集成层进行划分。如果您拥有的渲染器与最低级别的包相匹配，或者如果您需要声明式布局，则可以使用更高级别的 React 包。
## 包
| 包 | 用途 | 何时使用 |
## 包关系 `@liquid-dom/layout` 是独立的。 `@liquid-dom/core` 使用它来定义布局子路径,但同时还暴露了一个更低级别的命令式场景图和 WebGPU 渲染器。 `@liquid-dom/React` 将 `@liquid-dom/core/layout` 中的布局类包装到 React 组件中。 `@liquid-dom/three` 将可重用的 WebGPU 核心托管在 Three WebGPU 渲染器中。 `@liquid-dom/r3f` 将 React 和 Three 包合并为 React Three Fiber。