# \#text

**URL:** https://discourse.threejs.org/tag/text/153.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Uno UI: a UI system for Three.js and WebGPU, with React, Vue, and Solid.js support](https://discourse.threejs.org/t/uno-ui-a-ui-system-for-three-js-and-webgpu-with-react-vue-and-solid-js-support/95061)

<div class="topic-metadata">

**Author:** [@Enzo](https://discourse.threejs.org/u/Enzo)\
**Replies:** 0\
**Last updated:** [October 6, 2026, 5:25pm UTC](https://discourse.threejs.org/t/uno-ui-a-ui-system-for-three-js-and-webgpu-with-react-vue-and-solid-js-support/95061 "2026-10-06T17:25:33Z")

</div>

Hi everyone! Last week, I released Uno UI, a library for building high-performance, pixel-perfect user interfaces for Three.js and other WebGPU rendering engines. Uno UI and Three.js can share the same canvas and WebGP…

---

## [THREE.SlugText GPU Text Renderer](https://discourse.threejs.org/t/three-slugtext-gpu-text-renderer/90599)

<div class="topic-metadata">

**Author:** [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Replies:** 12\
**Last updated:** [April 9, 2026, 2:32am UTC](https://discourse.threejs.org/t/three-slugtext-gpu-text-renderer/90599 "2026-04-09T02:32:55Z")

</div>

The “Slug” GPU Font Rendering algorithms have been opensourced, so I ported it to js, and threejs! Demo: Repo: Screenshot:

---

## [CSS2DRenderer labels goes outside the scene on rotation](https://discourse.threejs.org/t/css2drenderer-labels-goes-outside-the-scene-on-rotation/90642)

<div class="topic-metadata">

**Author:** [@crystalfp](https://discourse.threejs.org/u/crystalfp)\
**Replies:** 2\
**Last updated:** [March 28, 2026, 3:13pm UTC](https://discourse.threejs.org/t/css2drenderer-labels-goes-outside-the-scene-on-rotation/90642 "2026-03-28T15:13:34Z")

</div>

I use CSS2DRenderer to put labels on object in the scene. This works pretty well. But if I rotate the object in the scene, labels goes outside the scene in an area devoted to controls (see attached image). Is there …

---

## [MSDF Text rendering : Text looks weird when zooming out](https://discourse.threejs.org/t/msdf-text-rendering-text-looks-weird-when-zooming-out/87713)

<div class="topic-metadata">

**Author:** [@poubellitobg](https://discourse.threejs.org/u/poubellitobg)\
**Replies:** 6\
**Last updated:** [December 7, 2025, 11:43pm UTC](https://discourse.threejs.org/t/msdf-text-rendering-text-looks-weird-when-zooming-out/87713 "2025-12-07T23:43:26Z")

</div>

Hello everyone ! I am currently coding a node editor in three.js, and I am in the process of making a “library” for rendering all my node-editor texts. So the goal in the end is to render 2D Texts in a ThreeJs Scene. P…

---

## [Noob problems with Troika-three-text](https://discourse.threejs.org/t/noob-problems-with-troika-three-text/30233)

<div class="topic-metadata">

**Author:** [@Paulio](https://discourse.threejs.org/u/Paulio)\
**Replies:** 7\
**Last updated:** [November 26, 2025, 3:21am UTC](https://discourse.threejs.org/t/noob-problems-with-troika-three-text/30233 "2025-11-26T03:21:19Z")

</div>

Hi Guys, I’m very new here so apologies in advance for any dumb questions. I’ve been tasked with getting a threejs page working in our asp.net web application. I’ve managed to get the basics working, light, camera, obj…

---

## [Text Face Anomaly](https://discourse.threejs.org/t/text-face-anomaly/87076)

<div class="topic-metadata">

**Author:** [@POP](https://discourse.threejs.org/u/POP)\
**Replies:** 2\
**Last updated:** [September 21, 2025, 6:43am UTC](https://discourse.threejs.org/t/text-face-anomaly/87076 "2025-09-21T06:43:58Z")

</div>

When I edit my text object, the front and back faces go empty.How can I prevent this?

---

## [Troika-3d-text: library for SDF text rendering](https://discourse.threejs.org/t/troika-3d-text-library-for-sdf-text-rendering/15111)

<div class="topic-metadata">

**Author:** [@lojjic](https://discourse.threejs.org/u/lojjic)\
**Replies:** 32\
**Last updated:** [September 15, 2025, 4:03pm UTC](https://discourse.threejs.org/t/troika-3d-text-library-for-sdf-text-rendering/15111 "2025-09-15T16:03:21Z")

</div>

Hello folks! I’d like to formally introduce a library I’ve created for rendering high quality text within Three.js scenes using SDF (signed distance fields). I had found that existing SDF text libraries were missing fea…

---

## [2d Canvas Text Sprite Render Issues](https://discourse.threejs.org/t/2d-canvas-text-sprite-render-issues/85150)

<div class="topic-metadata">

**Author:** [@rankinstudio](https://discourse.threejs.org/u/rankinstudio)\
**Replies:** 2\
**Last updated:** [July 20, 2025, 2:44am UTC](https://discourse.threejs.org/t/2d-canvas-text-sprite-render-issues/85150 "2025-07-20T02:44:24Z")

</div>

I’m having some issues rending sprite 2d canvas text. function makeTextSprite(message) { let textToDisplay = message; let ctx = document.createElement('canvas').getContext('2d'); let cnvW = 270; let cnvH = 270…

---

## [Text / section transition using threejs?](https://discourse.threejs.org/t/text-section-transition-using-threejs/82586)

<div class="topic-metadata">

**Author:** [@Sergio](https://discourse.threejs.org/u/Sergio)\
**Replies:** 1\
**Last updated:** [May 15, 2025, 8:09am UTC](https://discourse.threejs.org/t/text-section-transition-using-threejs/82586 "2025-05-15T08:09:00Z")

</div>

Hello, I’m building a website that will require some text transitions and i did a quick research to look at some references and i want to know if these two example are possible to do using threejs: the first one is com…

---

## [3D Text not rendering properly](https://discourse.threejs.org/t/3d-text-not-rendering-properly/81031)

<div class="topic-metadata">

**Author:** [@POP](https://discourse.threejs.org/u/POP)\
**Replies:** 4\
**Last updated:** [April 10, 2025, 11:19pm UTC](https://discourse.threejs.org/t/3d-text-not-rendering-properly/81031 "2025-04-10T23:19:18Z")

</div>

I’ve added some basic 3D text to my scene but it always fails to render all sides (and colors). I’m using r175 fontLoader.load(‘js/three/fonts/helvetiker\_bold.typeface.json’,(font)=\>{font3D=font;}); // var geometry = …

---

## [Misaligned text display](https://discourse.threejs.org/t/misaligned-text-display/78019)

<div class="topic-metadata">

**Author:** [@FirstOneeeee](https://discourse.threejs.org/u/FirstOneeeee)\
**Replies:** 11\
**Last updated:** [February 13, 2025, 11:12am UTC](https://discourse.threejs.org/t/misaligned-text-display/78019 "2025-02-13T11:12:28Z")

</div>

Hello, in my code, I’m trying to render text (with positions defined in an array). I can see the text correctly, and everything works except that the letters are not straight. The letters shift more and more with each on…

---

## [Add border for Text Object](https://discourse.threejs.org/t/add-border-for-text-object/73786)

<div class="topic-metadata">

**Author:** [@thor](https://discourse.threejs.org/u/thor)\
**Replies:** 2\
**Last updated:** [November 11, 2024, 3:19am UTC](https://discourse.threejs.org/t/add-border-for-text-object/73786 "2024-11-11T03:19:39Z")

</div>

Created Text with TextGeometry in Threejs, want to add a border for it, like this : blue in the middle is the original text, red is the border. Try troika-three-text project. It’s very nice, but seems no depth for t…

---

## [What does this animation need to be perfect](https://discourse.threejs.org/t/what-does-this-animation-need-to-be-perfect/72573)

<div class="topic-metadata">

**Author:** [@TAKI0N](https://discourse.threejs.org/u/TAKI0N)\
**Replies:** 1\
**Last updated:** [October 14, 2024, 9:26am UTC](https://discourse.threejs.org/t/what-does-this-animation-need-to-be-perfect/72573 "2024-10-14T09:26:29Z")

</div>

so i have this animation that i want to use on my portfolio i think it missing something or there is something wrong with it but i don’t know what is it :confused: and that really annoys me, if you think u can add on cha…

---

## [How to show bounding box dimension value(X,Y,Z) on bounding box helper](https://discourse.threejs.org/t/how-to-show-bounding-box-dimension-value-x-y-z-on-bounding-box-helper/5858)

<div class="topic-metadata">

**Author:** [@sonali\_funde1](https://discourse.threejs.org/u/sonali_funde1)\
**Replies:** 7\
**Last updated:** [September 30, 2024, 1:00pm UTC](https://discourse.threejs.org/t/how-to-show-bounding-box-dimension-value-x-y-z-on-bounding-box-helper/5858 "2024-09-30T13:00:04Z")

</div>

Hi, In my scene i added box helper and i also get/calculated the value of X,Y,Z. Now i want to display X,Y,Z value on edges of box helper and also show them in my scene. Below image is what i want I have tried test…

---

## [Unable to handle multiple images and texts on canvas](https://discourse.threejs.org/t/unable-to-handle-multiple-images-and-texts-on-canvas/70363)

<div class="topic-metadata">

**Author:** [@Abomel\_puka](https://discourse.threejs.org/u/Abomel_puka)\
**Replies:** 2\
**Last updated:** [September 6, 2024, 3:46pm UTC](https://discourse.threejs.org/t/unable-to-handle-multiple-images-and-texts-on-canvas/70363 "2024-09-06T15:46:08Z")

</div>

const \[image, setImage\] = useState(""); const \[imageWidth, setImageWidth\] = useState(0); const HandleImageInput = (e) =\> { const reader = new FileReader(); let imageUrl; reader.onload = () =\> { if…

---

## [How to create lots of optimized 2D text labels](https://discourse.threejs.org/t/how-to-create-lots-of-optimized-2d-text-labels/66927)

<div class="topic-metadata">

**Author:** [@Vardan\_Betikyan](https://discourse.threejs.org/u/Vardan_Betikyan)\
**Replies:** 5\
**Last updated:** [June 19, 2024, 12:21pm UTC](https://discourse.threejs.org/t/how-to-create-lots-of-optimized-2d-text-labels/66927 "2024-06-19T12:21:07Z")

</div>

I have a Label class that gets created 300 times via CSS2D that can be moved and changed. Issue is, becomes laggy fast. Is there a more properly optimized way of creating many dynamic 2D texts? ( They need to be all pote…

---

## [Adding Text to Scene with ThreeJS Editor](https://discourse.threejs.org/t/adding-text-to-scene-with-threejs-editor/66856)

<div class="topic-metadata">

**Author:** [@cwee](https://discourse.threejs.org/u/cwee)\
**Replies:** 1\
**Last updated:** [June 14, 2024, 12:25pm UTC](https://discourse.threejs.org/t/adding-text-to-scene-with-threejs-editor/66856 "2024-06-14T12:25:29Z")

</div>

Hello! How do I go about adding texts in the scene using the ThreeJS editor? Or creating object interactions? I am more familiar with scripting. However, I am trying to create a tutorial for VR development and wanted t…

---

## [Is it possible to create a text geometry without a font?](https://discourse.threejs.org/t/is-it-possible-to-create-a-text-geometry-without-a-font/4390)

<div class="topic-metadata">

**Author:** [@jauregui](https://discourse.threejs.org/u/jauregui)\
**Replies:** 7\
**Last updated:** [June 4, 2024, 9:29am UTC](https://discourse.threejs.org/t/is-it-possible-to-create-a-text-geometry-without-a-font/4390 "2024-06-04T09:29:33Z")

</div>

Is it possible to create a simple text without loading any font file??? \*Maybe I’m confused, once I saw an example creating a simple flat Geometry text without loading any font (now I can not find it, probably I got con…

---

## [CSSRenderer text jitters on zooming](https://discourse.threejs.org/t/cssrenderer-text-jitters-on-zooming/66250)

<div class="topic-metadata">

**Author:** [@inbedatnoon](https://discourse.threejs.org/u/inbedatnoon)\
**Replies:** 0\
**Last updated:** [May 31, 2024, 5:15pm UTC](https://discourse.threejs.org/t/cssrenderer-text-jitters-on-zooming/66250 "2024-05-31T17:15:51Z")

</div>

Hello, I’m working on a gallery grid with a bunch of images with labels. I’m currently just using placeholder elements and have the motion working how I’d like. One issue I’m having is when I animate the camera zoom the …

---

## [Text Manipulation with Shaders: Text Splitting](https://discourse.threejs.org/t/text-manipulation-with-shaders-text-splitting/65820)

<div class="topic-metadata">

**Author:** [@Clms](https://discourse.threejs.org/u/Clms)\
**Replies:** 7\
**Last updated:** [May 23, 2024, 12:38pm UTC](https://discourse.threejs.org/t/text-manipulation-with-shaders-text-splitting/65820 "2024-05-23T12:38:05Z")

</div>

I’m working on manipulating text dynamically using shaders. Each letter in the text needs to be randomly assigned to one of five groups, which will gradually blur out over time with a GLSL shader. While the blur shader…

---

## [TextGeometry is blurry](https://discourse.threejs.org/t/textgeometry-is-blurry/64708)

<div class="topic-metadata">

**Author:** [@Larry\_Wu](https://discourse.threejs.org/u/Larry_Wu)\
**Replies:** 3\
**Last updated:** [April 28, 2024, 7:07am UTC](https://discourse.threejs.org/t/textgeometry-is-blurry/64708 "2024-04-28T07:07:50Z")

</div>

I rendered text with this code: const renderer = new WebGLRenderer({ antialias: true }) const camera = new PerspectiveCamera(fov, window.innerWidth / window.innerHeight) const scene = new Scene() const fontLoader = new…

---

## [Point Text Helper](https://discourse.threejs.org/t/point-text-helper/22290)

<div class="topic-metadata">

**Author:** [@jniac](https://discourse.threejs.org/u/jniac)\
**Replies:** 8\
**Last updated:** [April 22, 2024, 8:33am UTC](https://discourse.threejs.org/t/point-text-helper/22290 "2024-04-22T08:33:48Z")

</div>

May someone find useful to display (debug) texts, small texts (max chars: 12), but a lot of texts (\> 10k) ? Here is a tool i made, because i need it. Based on THREE.Points for fast drawing (instancing). Any feedback w…

---

## [Using TextGeometry to Create 2D Labels and Animated Numbers](https://discourse.threejs.org/t/using-textgeometry-to-create-2d-labels-and-animated-numbers/58739)

<div class="topic-metadata">

**Author:** [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Replies:** 0\
**Last updated:** [November 30, 2023, 7:18am UTC](https://discourse.threejs.org/t/using-textgeometry-to-create-2d-labels-and-animated-numbers/58739 "2023-11-30T07:18:22Z")

</div>

After much trial and error, I finally discovered how to use TextGeometry to create 2D Labels and Animated Numbers. This is probably not recommended where you are creating a complex 3D scene - because it requires a bit o…

---

## [Online app to design custom embossed text on 3d printable picks](https://discourse.threejs.org/t/online-app-to-design-custom-embossed-text-on-3d-printable-picks/61711)

<div class="topic-metadata">

**Author:** [@emulas](https://discourse.threejs.org/u/emulas)\
**Replies:** 0\
**Last updated:** [February 20, 2024, 8:47pm UTC](https://discourse.threejs.org/t/online-app-to-design-custom-embossed-text-on-3d-printable-picks/61711 "2024-02-20T20:47:22Z")

</div>

Hi everyone, I wanted to share this two little online apps I’ve made using threejs libraries. The app allow the user to design custom embossed text on a 3d printable pick. Depending on the font you choose, for example …

---

## [Inserting content (text, videos, etc..) in Canvas, behind a model](https://discourse.threejs.org/t/inserting-content-text-videos-etc-in-canvas-behind-a-model/61254)

<div class="topic-metadata">

**Author:** [@thextina](https://discourse.threejs.org/u/thextina)\
**Replies:** 2\
**Last updated:** [February 13, 2024, 9:31am UTC](https://discourse.threejs.org/t/inserting-content-text-videos-etc-in-canvas-behind-a-model/61254 "2024-02-13T09:31:23Z")

</div>

Hi everyone! I have been learning three.js, three-fiber, and three-drei. I am working with React library, where I have a component that consists of two gltfjsx components: Scene and Person. I need to add a text inside …

---

## [Low image quality](https://discourse.threejs.org/t/low-image-quality/61337)

<div class="topic-metadata">

**Author:** [@Zahra\_Jafarpisheh](https://discourse.threejs.org/u/Zahra_Jafarpisheh)\
**Replies:** 9\
**Last updated:** [February 11, 2024, 1:34pm UTC](https://discourse.threejs.org/t/low-image-quality/61337 "2024-02-11T13:34:44Z")

</div>

I convert a text into a image using canvas texture, but when I reduce the size of the text, the picture becomes very low quality, please help.

---

## [3D text display in reverse](https://discourse.threejs.org/t/3d-text-display-in-reverse/61243)

<div class="topic-metadata">

**Author:** [@Zahra\_Jafarpisheh](https://discourse.threejs.org/u/Zahra_Jafarpisheh)\
**Replies:** 1\
**Last updated:** [February 8, 2024, 1:13pm UTC](https://discourse.threejs.org/t/3d-text-display-in-reverse/61243 "2024-02-08T13:13:34Z")

</div>

I have a 3D GLTF model and I want to add a text as a texture to one of its meshes. This has been done, but if the text is added to the back layer of the model and I rotate the camera so that the text is displayed, the t…

---

## [Text over 3D model](https://discourse.threejs.org/t/text-over-3d-model/61241)

<div class="topic-metadata">

**Author:** [@Ramkumar](https://discourse.threejs.org/u/Ramkumar)\
**Replies:** 1\
**Last updated:** [February 8, 2024, 6:10am UTC](https://discourse.threejs.org/t/text-over-3d-model/61241 "2024-02-08T06:10:54Z")

</div>

I have loaded a 3D model and now I want to add dynamic text over the model just like texture to a very specific area ( part ) of the model by clicking on that part, I am using fabric js to achive this. \[ If an user want…

---

## [Interactive text with particles](https://discourse.threejs.org/t/interactive-text-with-particles/23366)

<div class="topic-metadata">

**Author:** [@sanprieto](https://discourse.threejs.org/u/sanprieto)\
**Replies:** 8\
**Last updated:** [January 17, 2024, 12:57pm UTC](https://discourse.threejs.org/t/interactive-text-with-particles/23366 "2024-01-17T12:57:44Z")

</div>

Hello there, recently I made a text interactive with particles. I’m sure this is not the best way. I take part of code from threejs examples like custom attribute points and geometry text shape. If there are somebody in…

---

## [Annotation Text attached to part of 3d model](https://discourse.threejs.org/t/annotation-text-attached-to-part-of-3d-model/60281)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 3\
**Last updated:** [January 14, 2024, 3:46pm UTC](https://discourse.threejs.org/t/annotation-text-attached-to-part-of-3d-model/60281 "2024-01-14T15:46:19Z")

</div>

Hi guys We are creating a 3d tool in a company. It contains different capabilities like adding a 3d model , Transforming it , adding textures, etc. The next one is adding text annotations on each layer of 3d model tha…

[Next page](https://discourse.threejs.org/tag/text/153.md?match_all_tags=true&page=1&tags%5B%5D=text)