Pixijs Html Source

pixijs/pixijs-skills

Turns DOM elements into PixiJS textures using the experimental HTML-in-Canvas browser API. HTMLSource keeps the element live and interactive while mirroring its pixels to the GPU, ElementImageSource captures an immutable snapshot. You need the side-effect import and a feature-detection check since it's behind a browser flag. The element must be a direct child of the canvas with the layoutsubtree attribute set. Useful when you want a form, video, or animated HTML sitting inside your PixiJS scene instead of overlaid on top, though the experimental status means you're accepting API churn between minor releases. Covers autoRequestPaint for continuous animation and the usual texture source lifecycle.

skills.sh installs

5.5K

GitHub stars

365

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1react-native-testingcallstack/react-native-testing-libraryWrite tests using React Native Testing Library (RNTL) v13 and v14 (`@testing-library/react-native`). Use when writing, reviewing, or fixing React Native compone5.5Kskills.sh installs

2experience-ui-bundle-deployforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves deploying, pushing to an org, or post-deploy org setup. Use this skil5.3Kskills.sh installs

3react-19-plugin-migrationgrafana/skillsMigrate a Grafana plugin to React 19 compatibility. Use when the user asks to update a plugin for React 19, prepare for React 19, fix React 19 compatibility, up4.5Kskills.sh installs

4html-diagramplannotator/effective-htmlDirect-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarch4.4Kskills.sh installs

5nextjs-authenticationgiuseppe-trisciuoglio/developer-kitProvides authentication implementation patterns for Next.js 15+ App Router using Auth.js 5 (NextAuth.js). Use when setting up authentication flows, implementing3.9Kskills.sh installs

6nextjs-deploymentgiuseppe-trisciuoglio/developer-kitProvides comprehensive patterns for deploying Next.js applications to production. Use when configuring Docker containers, setting up GitHub Actions CI/CD pipeli3.8Kskills.sh installs