244 pixel art effects, every one a small piece of code. Plus a Claude Code skill to make your own.

★ 6,505⑂ 855👁 17⑃ 6● 6▤ 0◈ 0
JavaScriptMITCreated 2026-10-30patch-gg.github.io/pixelfx/
6,505
stars
+305+3,092
855
forks
17
watchers
6
prs
6
issues
0
releases
0
discussions

README

pixelfx.

244 pixel art effects and animations, every one a small piece of code. Fire,
explosions, magic, weather, UI, pickups, critters and more. Play them live, recolor and mirror them, drop them into
a browser game, or export sprite sheets for any engine. Plus a Claude Code skill that makes new ones the way a
picky pixel artist would: draft, render, look, refine.

Every effect that involves a character is acted out: he winds up, lets go, freezes on contact and recovers, and a
target takes the hit. Twelve whole moves chain the effects into attacks from wind-up to recovery.

open the gallery · catalog · acting ·
the skill · make your own · publish it on patch ·
how it works

The method is Hugo Duprez's, from How to make (good) pixel art effects with
Claude: code is clay, trust your
eyes, feed your references. His open-source effects at Sprite Fusion
set the bar, and src/core/sim.js and the effects that say so at the top adapt his code. This repo is our take on
the idea at library scale, with a skill to keep going.

 what's in it.


| category | effects | some of them |
|---|---|---|
| moves | 12 | arrow shot, dash strike, earth stomp, fireball throw, ground pound, holy smite… |
| fire | 12 | brazier, campfire, candle, fire breath, fire ring, fire tornado… |
| explosions | 12 | barrel explosion, big explosion, cartoon pow, dirt explosion, firework burst, firework rocket… |
| water | 12 | bubbles, drip, fountain, geyser, rain splash, ripples… |
| ice | 10 | blizzard vortex, freeze, frost breath, frost nova, ice crystal, ice lance… |
| lightning | 11 | ball lightning, chain lightning, charge up, electrified, lightning strike, plasma ball… |
| sci-fi | 12 | emp blast, energy core, force field, glitch, hologram, jetpack… |
| melee | 12 | claw swipe, dagger flurry, double slash, hammer smash, heavy cleave, scythe reap… |
| impacts | 11 | blunt hit, bullet impact, critical hit, ground slam, heavy landing, hit flash… |
| projectiles | 13 | arrow, bullet tracer, cannon shot, energy disc, signal flare, homing missile… |
| spawn & death | 10 | coin drop, disintegrate, dissolve burn, egg hatch, poof, respawn beam… |
| arcane | 12 | arcane beam, arcane missiles, arcane orb, blink in, blink out, magic circle cast… |
| holy | 10 | blessing, divine shield, feather burst, halo, heal, healing ring… |
| shadow | 12 | black hole, curse, dark explosion, eclipse, grasping hands, hex sigil… |
| status | 13 | bleeding, burning, charmed, confused, cursed, frozen… |
| nature | 13 | acid splash, boulder, earth spike, healing bloom, leaf storm, poison cloud… |
| weather | 12 | aurora, blizzard, cherry blossoms, clouds, falling leaves, fireflies… |
| ui | 12 | achievement, coin collect, combo counter, confetti, countdown, crit number… |
| pickups | 11 | chest open, coin spin, collect burst, crystal shard, gem spin, heart pickup… |
| transitions | 10 | blinds, burn away, crt off, diamond wipe, glitch wipe, iris… |
| critters | 12 | bat, bird, butterfly, eyeball, fish school,

Top issues

Snapshot: 2026-11-10T09:35:25Z · Data license Apache-2.0 · JSON