@sgty/pixil

PIXIL

A TypeScript open-source hackable pixel editor powered by PIXI.js

Almost everything is exposed, extendable, and modular for bending this editor to your needs

demo🎨

demo code⌨

Installation:

npm i @sgty/pixil

yarn add @sgty/pixil

pnpm add @sgty/pixil

Features:

• [x] Layers
• [x] Tools
  • [x] Brush
  • [x] Eraser
  • [x] Fill (using q-floodfill)
• [x] History
• [x] Plugins

History

History is opt-in as to not bloat your memory when not necessary to enable history:

editor.history.enabled = true;

you can also limit the amount of entries in the history (no limit by default):

editor.history.limit = 100; // 100 entries