# Lettra — Expressive text for Three.js by JOYCO

> Sharp, kerned text in Three.js scenes, with custom materials and animated effects.

## Give your agent a font and an idea.

Five live experiments: a tree canopy, falling leaves, a lake that reacts to the cursor, an editable sheet on the pond, and a scene on a TV.

```bash
npx skills add joyco-studio/lettra
```

## When to use Lettra

- Text that lives in a Three.js scene: a camera path, a screen, a sign, a label.
- Latin display type that stays sharp as the camera, scale and angle change.
- Text effects composed in TSL: wipes, dissolves, scrambles, input-driven animation.

For regular page copy, use HTML. Lettra has no complex-script shaping, bidi or color emoji. Check that the atlas covers your characters. Requires three/webgpu, also for the WebGL2 fallback.

## Your turn

- [Lettra for agents](https://lettra-landing.vercel.app/ai): Use cases, workflow, limits and a sample brief.
- [Developer resources](https://lettra-landing.vercel.app/developers): Docs and machine-readable content.

- [Lettra documentation](https://lettra-landing.vercel.app/docs): Reference, examples and font workflow.
- [Lettra source and README](https://github.com/joyco-studio/lettra): Source, install and current API.
- [Lettra agent skill](https://github.com/joyco-studio/lettra): Install the Lettra skill in your agent.
- [JOYCO experiments](https://hub.joyco.studio/lab?tag=lettra): More work from the studio.