--- title: 'Build an Online PDF Maker with Text, Images & Templates | No Canva Subscription Needed' source: 'https://youtube.com/watch?v=O0vTtVG8nHg' video_id: 'O0vTtVG8nHg' date: 2026-07-29 duration_sec: 204 --- # Build an Online PDF Maker with Text, Images & Templates | No Canva Subscription Needed > Source: [Build an Online PDF Maker with Text, Images & Templates | No Canva Subscription Needed](https://youtube.com/watch?v=O0vTtVG8nHg) ## Summary This video demonstrates a browser-based PDF editor built with HTML, CSS, and JavaScript that functions as a Canva clone, allowing users to add text, images, highlights, and annotations. The application runs entirely client-side without a backend, and the source code is available for purchase. ### Key Points - **Project Overview** [00:02] — A PDF maker/editor built in the browser using HTML, CSS, and JavaScript, similar to Canva but without subscription fees. - **Single File Architecture** [00:17] — The entire application is a single index.html file that runs as a single-page application directly in the browser with no backend. - **Editing Features** [00:45] — Users can add text, images, highlights, and annotations to PDF files using a pen operator, color picker, and select tool. - **Adding Images and Comments** [01:26] — Supports inserting image files and adding comments/notes at selected locations on the PDF. - **Export Functionality** [01:43] — After editing, clicking the export PDF button exports all changes including images, text, and highlighting. - **Source Code Purchase** [02:11] — The source code is available for purchase via a link in the description, delivered through Google Drive. - **Page Management** [02:25] — Users can add blank pages, hide content using a hide operator, delete pages, and duplicate pages. ### Conclusion The video showcases a fully functional PDF editor that mimics Canva's core features, all within a single HTML file. The source code is offered for sale, making it a quick solution for those wanting a customizable PDF tool. ## Transcript in this video, I'll show you I built out a PDF maker or PDF generator or editor with the text, images, and templates similar to Canva clone. So if you're tired of paying Canva the subscription fees, you can actually try out this. So entirely it's built in browser using HTML, CSS, and JavaScript. So I've given can directly purchase it. [snorts] This will be the single file here, index html will be the single file here, index html file. It's a single page application which directly runs in the browser. It doesn't have a back end. So all the source code is running directly in the browser. All the processing. So once you open the application, you have this capability to add the text PDF file capability to add the text PDF file whatever PDF file you want to. easily edit the PDF file. We have a quite a number of operators for adding text, images, highlighting, annotating. So you basically select the pen operator. Just make the changes whatever changes that you want to make. You can even change the color as well. It's really simple using the color picker. You also have capability to add text here as well. And then you can using the select operator. You can actually place it accordingly wherever you want to do this. So also we have the capability to add comments as well. We also have capability to add images. You can select your image file. Simply place it accordingly. Then we also have capability to add comments. This notes. So just select the location and the notes will be added. After modifying it, you click the export PDF button. Everything will be exported. So you can just see here everything has been exported. the images, text, exported. the images, text, highlighting. So this is a Canva clone editor with the templates, text, images you can add. So if you're interested in directly purchase the source code. The link is given. After that, you will be getting the source code automatically from Google Drive. So this is really easy for you to modify or add additional features or you can even deploy this application very easily. It's a single HTML file here. And apart from that we also have the buttons for adding blank pages. So if you want to add a another page you click this button and that blank page will be added. Then you can blank page will be added. Then you can add anything to this page text, images, anything. And then we also have this operator. If you want to hide something, you can use this operator here to hide text, images, anything. You just basically use your mouse and simply you can hide anything. So it's really simple as you can just see and uh if you want to particularly delete any page you can click this button delete page so that page will be deleted and you can even duplicate a page. So this is the overall PDF editor similar to Canva which has all the support for templates text images highlighting you can do annotation you can do. So the link is given in the description. You can purchase the source code.