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 · Text & titles
• 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: Leaves sweep across the frame and part to reveal your headline: a 12-second 1080p title block.
• Code Slice Hero: A tiled headline flips cell by cell under a sweeping depth field to reveal a second line: an 8-second hero.
• Glass Shard Title: Glass shards fly in through fog and tile themselves into your headline, then fly out past the camera.
• Wireframe Portal Title: A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase.
• Kinetic Typography: 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: Typography direction for video: text jobs, hierarchy, reveal-hold-exit timing, safe zones, contrast, font licensing.