# New Open Source: r3f-webgpu-text

> React Three Fiber has had great text solutions for years… until you switched to WebGPU. There wasn’t a proper MSDF text component that worked with the new…

Canonical page: https://andersonmancini.dev/videos/new-open-source-r3f-webgpu-text

Published: 2026-07-05 · Duration: 1:06 · Category: Projects · Tags: three.js, react-three-fiber, webgpu, r3f, creativecoding

Watch: [YouTube](https://www.youtube.com/watch?v=cOxrkxtgDRk) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

React Three Fiber has had great text solutions for years… until you switched to WebGPU. There wasn’t a proper MSDF text component that worked with the new renderer, so I built one.

Introducing r3f-webgpu-text

Example:

NPM:

MSDF text - WebGPU-first - Fast & lightweight - Familiar API

I hope it helps more people build with WebGPU.

## Links from the video

- [Live demo](https://r3f-webgpu-text.vercel.app/)
- [Live demo](https://www.npmjs.com/package/r3f-webgpu-text)

## Related projects

- [r3f-webgpu-text](https://andersonmancini.dev/projects/r3f-webgpu-text.md) — MSDF WebGPU text for React Three Fiber

## Related articles

- [Sharp text in WebGPU: three ways to draw a thousand labels](https://andersonmancini.dev/blog/r3f-webgpu-text.md)