# PixiJS Text — guide skill for text & titles

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

Render and animate text in PixiJS v8: canvas Text, BitmapText, HTMLText and per-character SplitText.

- **Type:** [Guide](https://skills.varg.ai/guides.md) · [Text & titles](https://skills.varg.ai/browse/skills/kinetic-type.md)
- **Slug:** `pixijs-scene-text`
- **Status:** live
- **Publisher:** PixiJS (vendor, verified)
- **License:** MIT
- **Source:** https://github.com/pixijs/pixijs-skills/tree/main/skills/pixijs-scene-text
- **Works in:** Claude Code, Codex, Cursor, Gemini CLI
- **Requires:** PixiJS v8
- **Cost:** Free — open-source library (MIT)
- **Adoption:** 5,800 installs, 358 GitHub stars (skills.sh, 2026-10-26)

## What it does

Covers every way to draw text in PixiJS v8: canvas-quality `Text`, cheap per-frame `BitmapText`, `HTMLText` for HTML and CSS markup, and `SplitText` / `SplitBitmapText` for per-character animation. It compares their update costs and lists the mistakes that tank performance.

## Use when

- Animated or kinetic text in a canvas scene
- Per-character text effects
- Frequently updating counters or labels

## Install

- Claude Code: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-scene-text -a claude-code`
- Codex: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-scene-text -a codex`
- Cursor: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-scene-text -a cursor`
- Gemini CLI: `npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-scene-text -a gemini-cli`

## Example output

https://skills.varg.ai/previews/pixijs-scene-text.mp4 — SplitText announcement: 'Text Splitting / Launching with v8.11.0' assembles character by character, then the letters scatter (credit: PixiJS (@PixiJS), https://x.com/PixiJS/status/1938160865754419585)

## More text & titles skills

- [Canopy Part Title](https://skills.varg.ai/skills/hyperframes-canopy-part-title.md): Leaves sweep across the frame and part to reveal your headline: a 12-second 1080p title block.
- [Code Slice Hero](https://skills.varg.ai/skills/hyperframes-code-slice-hero.md): A tiled headline flips cell by cell under a sweeping depth field to reveal a second line: an 8-second hero.
- [Glass Shard Title](https://skills.varg.ai/skills/hyperframes-glass-shard-title.md): Glass shards fly in through fog and tile themselves into your headline, then fly out past the camera.
- [Wireframe Portal Title](https://skills.varg.ai/skills/hyperframes-wireframe-portal-title.md): A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase.
- [Kinetic Typography](https://skills.varg.ai/skills/iart-kinetic-typography.md): Kinetic type for web and video: line, word or char splits, mask and blur reveals, variable-font motion, frozen-frame QA.
- [Title & Kinetic Typography Direction](https://skills.varg.ai/skills/calesthio-title-kinetic-typography.md): Typography direction for video: text jobs, hierarchy, reveal-hold-exit timing, safe zones, contrast, font licensing.