# 3d-tiles-renderer/r3f

```js
import { ... } from '3d-tiles-renderer/r3f';
```

### Components

- [AnimatedSettledObject](/tools/docs/3d-tiles-renderer/r3f/AnimatedSettledObject.md): A SettledObject that smoothly interpolates its position as the query result updates. Must be a descendant of SettledObjects.
- [CameraTransition](/tools/docs/3d-tiles-renderer/r3f/CameraTransition.md): Manages transitions between perspective and orthographic cameras. Wraps CameraTransitionManager and integrates with R3F's camera state. All CameraTransitionManager properties can be set as props.
- [CanvasDOMOverlay](/tools/docs/3d-tiles-renderer/r3f/CanvasDOMOverlay.md): Creates a DOM overlay positioned absolutely over the canvas. Children are rendered into a separate React root. Remaining props are passed to the root div element.
- [CompassGizmo](/tools/docs/3d-tiles-renderer/r3f/CompassGizmo.md): Renders a compass overlay that rotates to indicate north based on the camera orientation relative to the tileset ellipsoid. Must be a child of TilesRenderer. Remaining props are passed to the root group element.
- [EastNorthUpFrame](/tools/docs/3d-tiles-renderer/r3f/EastNorthUpFrame.md): Creates a group positioned and oriented at a geographic coordinate on the tileset ellipsoid. Must be a child of TilesRenderer. Does not modify the tileset transform.
- [EnvironmentControls](/tools/docs/3d-tiles-renderer/r3f/EnvironmentControls.md): Wraps the three.js EnvironmentControls class. Automatically attaches to the R3F camera, scene, and canvas. All EnvironmentControls properties can be set as props.
- [GlobeControls](/tools/docs/3d-tiles-renderer/r3f/GlobeControls.md): Wraps the three.js GlobeControls class. Must be a child of TilesRenderer to receive ellipsoid context. All GlobeControls properties can be set as props.
- [SettledObject](/tools/docs/3d-tiles-renderer/r3f/SettledObject.md): Positions a component on the surface of the tileset at a lat/lon coordinate or along a ray. Must be a descendant of SettledObjects.
- [SettledObjects](/tools/docs/3d-tiles-renderer/r3f/SettledObjects.md): Manages raycasting queries against the tileset for positioning child SettledObject components. Must be a child of TilesRenderer. All QueryManager properties can be set as props.
- [TilesAttributionOverlay](/tools/docs/3d-tiles-renderer/r3f/TilesAttributionOverlay.md): Displays attributions collected from the loaded tileset. Must be a child of TilesRenderer. Remaining props are passed to the underlying CanvasDOMOverlay element.
- [TilesPlugin](/tools/docs/3d-tiles-renderer/r3f/TilesPlugin.md): Registers a plugin on the nearest parent TilesRenderer. Must be a child of TilesRenderer. All properties on the plugin instance can be set as props directly. Note that some plugin properties cannot be changed after construction.
- [TilesRenderer](/tools/docs/3d-tiles-renderer/r3f/TilesRenderer.md): Wrapper for the three.js TilesRenderer class. All properties on the TilesRenderer instance can be set as props using dot-notation for nested properties (e.g. `lruCache-minSize`). Events are registered with a camel-cased `on` prefix (e.g. `onLoadModel`).