A quick enhancement you can add, which will help mobile users, is adding appropriate touch specifiers to the element. Currently I am unable to drag the pen to draw -- the whole page moves. By fixing that, I should also be able to use my Apple Pencil.
Specifically, this page describes it better: https://developer.mozilla.org/en-US/docs/Web/CSS/touch-actio...
To anyone looking for a more feature packed pixel art editor, I highly recommend https://github.com/Orama-Interactive/Pixelorama which is free and made with Godot. I recently switch to Pixelorama coming from Aseprite because imo the development for the latter got a bit stale over the years while Pixelorama really seems to have a lot of momentum and community behind it. Also, Pixelorama being made with Godot is something I really love to see!
I'm curious, why use netify and not just github pages? AFAICT your app is just a static page. If so, there's no reason you need netify (which IIUC will require $$$ knock you off eventually). Is there some tutorial/LLM/template you followed that used netify? Were you planning on adding serve side features, user accounts, galleries? Just curious.
It starts with 4 (I think) how do I add an additional 2?
I made something similar, albeit less stylised, a while back. It's got animation. I'm not sure it's the ideal way to do it, but have a look if you want. I describe the approach here: https://bardhovde.com/posts/miko/
Repo: https://github.com/bnhovde/miko Demo: https://mikoapp.netlify.app/
https://ayanamiii.netlify.app/
https://github.com/KamiC6238/ayanami
Looks great, congrats!
Live demo: https://ayanamiii.netlify.app/
GitHub repo: https://github.com/KamiC6238/ayanami