Skip to main content

Command Palette

Search for a command to run...

CSS Pixel art in less than 5 minutes

Try Pixal now!

Published
β€’2 min read
CSS Pixel art in less than 5 minutes
R

I am a 12 year old student developer from India. I like programming very much.

Hello, everyone! A few months back, I made a project called Pixal, which is an HTML and CSS pixel art generator. I thought now it was time to share this tool with you all.

https://raghavgulia.github.io/Pixal/

btw it's nothing revolutionary, it's just small project you can build in an hour 🀣

Why I made it?

I came across a blog post on CSS tricks about CSS pixel art. So, I made quite a few of them on my Codepen and they look nice I guess.

...and many many more

How to use it?

Just specify the height(for example 500px) and width, no. of rows, no. of columns, and you're all done!

Then just click click click click click click click click click click click, and your pixel art is ready!

What will I do next

IF I am a bit brave, I'll add some nice features(maybe).

So, just check it out. I know it's of no big use, but it was just a small project to study the DOM a little further.

https://raghavgulia.github.io/Pixal/


Follow me or this Caterpie will annoy you tonightπŸ›πŸ›πŸ›πŸ›πŸ›.(just joking viewing it is enough)

Also, comment if you want a tutorial about how to make an application like this.


T

Loved the article bro ! Huge respect for your patience for color each pixel

2
R

Thanks a lot! Thinking of making even more pixel arts(or rather PIXAL ARTS)

C

Cool article buddy

2
R

Thanks a lot! Just made another one: https://codepen.io/RaghavSinghGulia/pen/OJOVZmN

More from this blog

Raghav Singh Gulia's Blog

27 posts