DEV Community

Cover image for Making a pixel art editor
Abhiraj Bhowmick
Abhiraj Bhowmick

Posted on

Making a pixel art editor

Recently, I came across my elder brother's designing course homework about making pixel art and this idea led me to build Pixellate.

So what exactly is Pixellate?

It is a pixel art editor and creator built on HTML canvas, CSS and Javascript.

before you comment about me not using any frameworks
I would like to say that I wanted to save time and enhance my core skills.

It is a Progressive Web App (PWA) with offline compatibility.
It is mobile-friendly and is very easy to use.

Hosting:
Vercel for app
Netlify for landing page

I released the app on ProductHunt too some time back and I am happy at the results.
Pixellate - A simple and easy-to-use pixel art creator with offline mode | Product Hunt

So head on over to pixellate.netlify.app to check out my app.

If you like the app, maybe star the github repo

Or buy me a coffee maybe?
Buy Me A Coffee

also don't forget to leave a review on Product Hunt

Pixellate - A simple and easy-to-use pixel art creator with offline mode | Product Hunt

Top comments (8)

Collapse
 
mergerg profile image
Raphael

I like it! One thing to note though, is that the circle, ellipse, and line tools don't work on mobile at least. I don't know if they work on a computer because mine isn't out right now, but when I tried to use them on my phone nothing happened.

Collapse
 
abhirajb profile image
Abhiraj Bhowmick

Thanks for informing! Will surely work on it asap :)

Collapse
 
frankfont profile image
Frank Font

I love it Abhiraj! Well done. I put a star in github.

Collapse
 
abhirajb profile image
Abhiraj Bhowmick

Thanks a lot!

Collapse
 
imagineeeinc profile image
Imagineee

i really love the simplicity, one small feature that woud take this to the next level might be a color picker

Collapse
 
abhirajb profile image
Abhiraj Bhowmick

thanks for the advice

Collapse
 
ranemihir profile image
Mihir Rane

Building such an app without using any frameworks shows how good you are in using javascript. Great work! You can use this to create a scrabble clone.

Collapse
 
abhirajb profile image
Abhiraj Bhowmick

thanks for the kind words