pixelfx

What is pixelfx

pixelfx is an open-source (MIT) library of 244 pixel-art effects and animations, each a small piece of code. On the web you can play them, recolor them and export sprite sheets. It also includes a Claude Code skill for generating new effects.

How to use

1. Open the gallery at patch-gg.github.io/pixelfx to play effects, recolor them with a palette, mirror them and pick a backdrop or character.
2. For a browser game (canvas, Phaser, PixiJS, Kaplay, three.js), install withnpm i github:patch-gg/pixelfxor copy src/core and the effects you want.
3. Create an effect with createFx (or createAct to include the character and target), call update and draw each frame, and composite it into your canvas.
4. For other engines (Godot, Unity, GameMaker, Defold, LÖVE, Bevy), export sprite sheets withnode tools/render.mjs / --sheet.
5. Install the Claude Code skill with/plugin marketplace add patch-gg/pixelfxthen/plugin install pixelfx@pixelfx.
6. Ask Claude Code for a new effect, for example "Make five takes on a coin pickup sparkle and show me the best two."

Use cases

• Adding fire, explosions, magic, weather and UI effects to a browser game with no dependencies Exporting pixel art effect sprite sheets with Aseprite-style JSON for Godot, Unity or Phaser Recoloring an effect with a palette without touching its code Generating new pixel art effects with a Claude Code skill Prototyping attack moves with acted-out wind-up, hit-stop and recovery

Price from official sources

Free

Check the official site for current pricing · Price not yet checked by our editors

Source: patch-gg.github.io · Info as of Nov 2, 2026

Company

Name

Patch

Social

• github