How do I install pixijs?

Run these in Claude Code: npx -y skills add pixijs/pixijs --agent claude-code. Then prompt normally.

Does pixijs auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Frontend

Plugin

pixijs

Next-Generation, Fastest HTML5 Creation Engine for the Web 🚀 WebGL & WebGPU Renderers ⚡️ Unmatched Performance & Speed 🎨 Easy to use, yet powerful API 📦 Asset Loader ✋ Full Mouse & Multi-touch Support ✍️ Flexible Text Rendering 📐 Versatile Primitive and

BOOST

pixijs@pixijs

GitHub

Plugin Signal91/100Strong

maintained100

capable69

documented100

adopted100

Install

$ npx -y skills add pixijs/pixijs --agent claude-code

Stats

TypeScript JavaScript Node HTML CSS

+3 tags

Bash GitHub Bun

48,302

Stars

5,083

Forks

Active

Maintenance

TypeScript

Language

MIT

License

4h ago

Last commit

13y ago

Created

1m ago

Added

Repo: pixijs/pixijs

What's inside

Skill(26 skills)

/pixijs-accessibilityUse this skill when adding screen reader and keyboard navigation to PixiJS v8 apps. Covers AccessibilitySystem options (enabledByDefault, debug, activateOnTab, deactivateOnMouseMove), per-container accessibility properties, shadow DOM overlay, mobile touch-hook activation./pixijs-applicationUse this skill when creating and configuring a PixiJS v8 Application. Covers new Application() + async app.init() options (width, height, background, antialias, resolution, autoDensity, preference, resizeTo, autoStart, sharedTicker, canvas, useBackBuffer, powerPreference,/pixijs-assetsUse this skill when loading and managing resources in PixiJS v8. Covers Assets.init, Assets.load/add/unload, bundles, manifests, background loading, onProgress, caching, spritesheets, video textures, web fonts, bitmap fonts, animated GIFs, compressed textures, SVG as texture or

Badges

README

Read on GitHub

PixiJS ⚡️

Next-Generation, Fastest HTML5 Creation Engine for the Web

🚀 WebGL & WebGPU Renderers
⚡️ Unmatched Performance & Speed
🎨 Easy to use, yet powerful API
📦 Asset Loader
✋ Full Mouse & Multi-touch Support
✍️ Flexible Text Rendering
📐 Versatile Primitive and SVG Drawing
🖼️ Dynamic Textures
🎭 Masking
🪄 Powerful Filters
🌈 Advanced Blend Modes

PixiJS is the fastest, most lightweight 2D library available for the web, working across all devices and allowing you to create rich, interactive graphics and cross-platform applications using WebGL and WebGPU.

Setup

It's easy to get started with PixiJS! Just use our PixiJS Create CLI and get set up in just one command:

npm create pixi.js@latest

or to add it to an existing project:

npm install pixi.js

Usage

import { Application, Assets, Sprite } from 'pixi.js';

(async () =>
{
    // Create a new application
    const app = new Application();

    // Initialize the application
    await app.init({ background: '#1099bb', resizeTo: window });

    // Append the application canvas to the document body
    document.body.appendChild(app.canvas);

    // Load the bunny texture
    const texture = await Assets.load('https://pixijs.com/assets/bunny.png');

    // Create a bunny Sprite
    const bunny = new Sprite(texture);

    // Center the sprite's anchor point
    bunny.anchor.set(0.5);

    // Move the sprite to the center of the screen
    bunny.x = app.screen.width / 2;
    bunny.y = app.screen.height / 2;

    app.stage.addChild(bunny);

    // Listen for animate update
    app.ticker.add((time) =>
    {
        // Just for fun, let's rotate mr rabbit a little.
        // * Delta is 1 if running at 100% performance *
        // * Creates frame-independent transformation *
        bunny.rotation += 0.1 * time.deltaTime;
    });
})();

TypeScript

PixiJS supports WebGPU, so its type declarations depend on the WebGPU types. Where those come from depends on your TypeScript version.

TypeScript 5: no WebGPU types are built in, so PixiJS adds @webgpu/types for you. No additional setup required.

TypeScript 6 and 7: the WebGPU types are built into the "dom" library, but some releases leave parts out, such as GPUTextureUsage. Use @types/web, which has the full set, in place of "dom". Remove @webgpu/types from types if it's there, since it conflicts with the built-in types.

npm install --save-dev @types/web

{
  "compilerOptions": {
    "lib": ["esnext"],
    "types": ["@types/web"]
  }
}

Contribute

Want to be part of the PixiJS project? Great! All are welcome! We will get there quicker together :) Whether you find a bug, have a great feature request, or you fancy owning a task from the road map above, feel free to get in touch.

Make sure to read the Contributing Guide before submitting changes.

License

This content is released under the MIT License.

Change Log

Releases

Support

We're passionate about making PixiJS the best graphics library possible. Our dedication comes from our love for the project and community. If you'd like to support our efforts, please consider contributing to our open collective.

File tree

Showing a partial view of a very large repo.

More plugins by @pixijs.

View @pixijs’s profile

VerifiedPlugin

AI & Agents JavaScript Node

pixijs-skills

Official AI skills for PixiJS. These skills teach AI coding agents how to correctly use PixiJS

26 skills346

@pixijs

Install this plugin

FAQ

pixijs is a Claude Code plugin with 26 hand-picked skills for frontend work, indexed on Flowy. Install it with the command on its page. It includes pixijs-accessibility, pixijs-application, pixijs-assets. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is pixijs?: Next-Generation, Fastest HTML5 Creation Engine for the Web 🚀 WebGL & WebGPU Renderers ⚡️ Unmatched Performance & Speed 🎨 Easy to use, yet powerful API 📦 Asset Loader ✋ Full Mouse & Multi-touch Support ✍️ Flexible Text Rendering 📐 Versatile Primitive and
How do I install pixijs?: Run these in Claude Code: npx -y skills add pixijs/pixijs --agent claude-code. Then prompt normally.
Does pixijs auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is pixijs free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Is this plugin yours?

Claim it with GitHub Submit a plugin Promote it

Frontend

Plugin

pixijs

BOOST

pixijs@pixijs

GitHub

Plugin Signal91/100Strong

maintained100

capable69

documented100

adopted100

Install

$ npx -y skills add pixijs/pixijs --agent claude-code

Stats

TypeScript JavaScript Node HTML CSS

+3 tags

Bash GitHub Bun

48,302

Stars

5,083

Forks

Active

Maintenance

TypeScript

Language

MIT

License

4h ago

Last commit

13y ago

Created

1m ago

Added

Repo: pixijs/pixijs

What's inside

Skill(26 skills)

Badges

README

Read on GitHub

PixiJS ⚡️

Next-Generation, Fastest HTML5 Creation Engine for the Web

🚀 WebGL & WebGPU Renderers
⚡️ Unmatched Performance & Speed
🎨 Easy to use, yet powerful API
📦 Asset Loader
✋ Full Mouse & Multi-touch Support
✍️ Flexible Text Rendering
📐 Versatile Primitive and SVG Drawing
🖼️ Dynamic Textures
🎭 Masking
🪄 Powerful Filters
🌈 Advanced Blend Modes

Setup

It's easy to get started with PixiJS! Just use our PixiJS Create CLI and get set up in just one command:

npm create pixi.js@latest

or to add it to an existing project:

npm install pixi.js

Usage

import { Application, Assets, Sprite } from 'pixi.js';

(async () =>
{
    // Create a new application
    const app = new Application();

    // Initialize the application
    await app.init({ background: '#1099bb', resizeTo: window });

    // Append the application canvas to the document body
    document.body.appendChild(app.canvas);

    // Load the bunny texture
    const texture = await Assets.load('https://pixijs.com/assets/bunny.png');

    // Create a bunny Sprite
    const bunny = new Sprite(texture);

    // Center the sprite's anchor point
    bunny.anchor.set(0.5);

    // Move the sprite to the center of the screen
    bunny.x = app.screen.width / 2;
    bunny.y = app.screen.height / 2;

    app.stage.addChild(bunny);

    // Listen for animate update
    app.ticker.add((time) =>
    {
        // Just for fun, let's rotate mr rabbit a little.
        // * Delta is 1 if running at 100% performance *
        // * Creates frame-independent transformation *
        bunny.rotation += 0.1 * time.deltaTime;
    });
})();

TypeScript

PixiJS supports WebGPU, so its type declarations depend on the WebGPU types. Where those come from depends on your TypeScript version.

TypeScript 5: no WebGPU types are built in, so PixiJS adds @webgpu/types for you. No additional setup required.

npm install --save-dev @types/web

{
  "compilerOptions": {
    "lib": ["esnext"],
    "types": ["@types/web"]
  }
}

Contribute

Make sure to read the Contributing Guide before submitting changes.

License

This content is released under the MIT License.

Change Log

Releases

Support

File tree

Showing a partial view of a very large repo.

More plugins by @pixijs.

View @pixijs’s profile

VerifiedPlugin

AI & Agents JavaScript Node

pixijs-skills

Official AI skills for PixiJS. These skills teach AI coding agents how to correctly use PixiJS

26 skills346

@pixijs

Install this plugin

FAQ

What is pixijs?: Next-Generation, Fastest HTML5 Creation Engine for the Web 🚀 WebGL & WebGPU Renderers ⚡️ Unmatched Performance & Speed 🎨 Easy to use, yet powerful API 📦 Asset Loader ✋ Full Mouse & Multi-touch Support ✍️ Flexible Text Rendering 📐 Versatile Primitive and
How do I install pixijs?: Run these in Claude Code: npx -y skills add pixijs/pixijs --agent claude-code. Then prompt normally.
Does pixijs auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is pixijs free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Is this plugin yours?

Claim it with GitHub Submit a plugin Promote it