# r3f-webgpu-text

> MSDF WebGPU text for React Three Fiber · 2026 · Components, WebGPU

Canonical page: https://andersonmancini.dev/projects/r3f-webgpu-text

**r3f-webgpu-text** brings crisp **MSDF text** to **React Three Fiber** on **WebGPU** — sharp at any scale, with layout-friendly props instead of baking labels into textures.

Render titles, UI copy and in-scene annotations as real geometry in the GPU pipeline. Built on Three.js WebGPU and TSL so text sits naturally alongside your meshes, lights and post-processing.

A focused component for developers who need readable 3D typography without leaving the R3F workflow.

## Technical details

- WebGPU
- TSL
- React Three Fiber
- MSDF Text
- Three.js
- 3D Typography

## Links

- [Open the live project](https://r3f-webgpu-text.vercel.app)

## More projects

- Next in Components: [r3f-webgpu-perf](https://andersonmancini.dev/projects/r3f-webgpu-perf.md)