Build A Drawing or Paint App in HTML CSS & JavaScript | Drawing App in JavaScript

In this video, I've shown you how to Build A Drawing or Paint using HTML CSS & JavaScript. In this drawing app, users can draw different shapes like rectangles, circles, and triangles in their preferred colors. They can also erase or download their drawing as an image. All these functionalities are done with HTML 5 canvas & vanilla JavaScript, no external framework or library is used.

🖼️ Get Icons of this Drawing App (Icons Only)

🗂️ Get Source Code of this Drawing App

🌐 Visit CodingNepal for helpful coding projects

⭐ Hire me on Upwork

📷 Follow me on Instagram

🤝 Support my work with a coffee

Timestamps:
0:00 Demo of Drawing App
3:16 HTML & CSS start
18:22 JavaScript start
19:13 Working on Brush Tool
25:53 Working on Rectangle Tool
31:52 Working on Circle Tool
35:03 Working on Triangle Tool
37:40 Working on Size Slider
39:20 Working on Color Options
45:13 Working on Eraser Tool
46:23 Working on Clear Canvas Button
47:29 Working on Save Image Button

Music Credit:
Deep Sea by Vendredi

Something 'bout July (Instrumental) by RYYZN

Ikson - We Are Free [Official]

Ehrling - You And Me (Vlog No Copyright Music)

[CodingNepal]

You'll get two folders: the YouTube version and an updated version with features like undo/redo, line tool, responsive design, and more.

[rayhanmahmud]

So cool!
A little voiceover and explanation would make this project insanely awesome!

[jannatulferdousi]

Excellent in one word. The long awaited result is a wonderful project.

[maskman]

So cool, This is the best canvas drawing app /tutorial we can ever have 😍

[jooryalhamed]

Great work and generous offer. Keep going!

[rm]

You are the best frontend dev in the internet.

[akash-ooo]

I have learn lots of thing from this video. Thanks CodingNepal 💙💙💙💙

[BroironxAviation]

Hi! I am gonna try this for my website, Cool work, CodingNepal!

[primitivedev.]

excelente trabajo genial como siempre no acostumbro comentar pero quiece darte las gracias por tus exelentes aportes. gracias supongo que de parte de todos.

[DivyaTechGyan]

Your projects are really awesome! I have also subscribed to your channel. Very much Thanks for uploading these projects.

[dot-artist]

YOU ARE THE BEST! You give free codes, not like others.... Good work!

[TechWithAashubro]

Long time no see, Cool project with clear concept....

[himanshupathak]

Epic sir, Next Video how to make 3D games with js

[ascodes]

Learned something new, and what an excellent build...Thanks for sharing!!!😍😍😍

[viki]

Hi! Thanks for the inspiration. I was looking for ideas of proyects and y found this video. I didn't followed your steps but I've achived a similar and great result!

[latikawagh]

I tried this app, its working perfectly fine.. thank you

[vaishnavia.n.]

You are awesome man, I am learning javascript from your tutorials.

[tictocshorts]

that was exactly what I needed, thank you so much

[dytra_io]

this is fire 🔥
there aren't many canvas app tutorial like this, I'm automaticly subscribed!
now please make tutorial to make apps like figma 😀

[shiekhpalace]

I swear if you had teached all these projects in your own voice people should have understanded more and today you would have million of subscribers