Skills
.Work. You
Rest

pixijs-scene-dom-container

Official

Overlay HTML elements on PixiJS canvas with CSS transforms

Software Engineering#html#canvas#overlay#dom#pixijs#dom-container
Authorpixijs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

DOMContainer positions an HTML element over the PixiJS canvas and drives its CSS transform from the scene graph, allowing native inputs, iframes, videos, and other HTML overlays to follow a display object.

Core Features & Use Cases

  • Overlay HTML content on top of a PixiJS scene and keep it in sync with object transforms.
  • Configure the overlay element and anchor to align DOM with canvas content; supports elements like inputs, iframes, videos, and rich UI for overlays.

Quick Start

Overlay an HTML element with a DOMContainer positioned to follow a PixiJS display object on the canvas.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pixijs-scene-dom-container
Download link: https://github.com/pixijs/pixijs-skills/archive/main.zip#pixijs-scene-dom-container

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.