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 — and it all comes back after a reload.

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 @glyph3d/core 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 · vector glyphs · web-workers · five layout schemes · tree-sitter semantics · CodeGrid editing · live terminals · saved sessions · single binary

human + ai built in the open · public-work · the oath