glyph3d — GPU-instanced 3D text for Three.js

primitives, composed

glyphs are addressable and have verbs — load · move · highlight · frame · page

tap the binary

one download, a localhost click, and your whole toolchain comes alive — a terminal, your files, an agent, composing in one field. (more landing soon)

then point it at a repo and watch the whole thing map itself — load, organize, trace, set it down. (live preview, on a sample repo)

rather embed it?

it's also a react-three-fiber library — drop it into your own Three.js app.

// npm install glyph3d-r3f three
import { useGlyphEngine, GlyphCanvas, CodeGrid, ViewerCamera } from 'glyph3d-r3f'

const { atlas } = useGlyphEngine({ fontUrl })   // atlas + shaper + slug

<GlyphCanvas atlas={atlas} camera={{ position: [0,0,200], fov: 70 }}>
  <ViewerCamera />                            // drag = orbit/pan · wheel = zoom
  <CodeGrid filename="hello.js" text={code} worldScale={0.025} />
</GlyphCanvas>
how to get it

Free, always — it's the same binary. If it's earned a few bucks, a coffee or a sponsorship keeps it going.

free $0 one-time coffee monthly sponsor

coffee — a one-off thanks · sponsor — recurring, and it shows on the GitHub profile

in space

your whole repo in one view — hundreds of files at once, to orbit, zoom, and read.

WebGPU · GPU-instancing · dynamic atlas · web-workers · grid & tree layouts · CodeGrid source views · live terminals · single binary

human + ai built in the open · source · the oath