<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Tharik</title>
    <description>The latest articles on Forem by Tharik (@tharik_0ae9f47f947deaa1e1).</description>
    <link>https://forem.com/tharik_0ae9f47f947deaa1e1</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3687610%2F538fbc65-c264-43d6-b2a8-5a2a504cf28a.jpg</url>
      <title>Forem: Tharik</title>
      <link>https://forem.com/tharik_0ae9f47f947deaa1e1</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/tharik_0ae9f47f947deaa1e1"/>
    <language>en</language>
    <item>
      <title>A small visual PDF maker built with vanilla JavaScript</title>
      <dc:creator>Tharik</dc:creator>
      <pubDate>Wed, 31 Dec 2025 14:04:34 +0000</pubDate>
      <link>https://forem.com/tharik_0ae9f47f947deaa1e1/a-small-visual-pdf-maker-built-with-vanilla-javascript-4naf</link>
      <guid>https://forem.com/tharik_0ae9f47f947deaa1e1/a-small-visual-pdf-maker-built-with-vanilla-javascript-4naf</guid>
      <description>&lt;p&gt;I’ve been experimenting with browser-only tools lately and built a small visual PDF maker that runs entirely client-side.&lt;br&gt;
The goal was straightforward:&lt;br&gt;
create PDFs from scratch in the browser without logins, servers, or subscriptions.&lt;br&gt;
What it does&lt;br&gt;
The tool lets you:&lt;br&gt;
design a PDF on an A4 canvas&lt;br&gt;
add text, images, and simple shapes&lt;br&gt;
drag and resize elements&lt;br&gt;
export a PDF where text remains selectable&lt;br&gt;
Everything happens in the browser using plain HTML, CSS, and JavaScript.&lt;/p&gt;

&lt;p&gt;Web: &lt;a href="https://artres.in" rel="noopener noreferrer"&gt;https://artres.in&lt;/a&gt;&lt;br&gt;
GitHub repo: &lt;a href="https://github.com/Md-Tharik/Artres" rel="noopener noreferrer"&gt;https://github.com/Md-Tharik/Artres&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Why I built it&lt;br&gt;
While trying a few online PDF tools, I noticed that many export PDFs as images, which makes text impossible to select or copy.&lt;br&gt;
I wanted to understand if it was possible to keep things lightweight while still exporting usable PDFs, so this project became a way to explore that.&lt;br&gt;
Technical notes (brief)&lt;br&gt;
Vanilla HTML/CSS/JS&lt;br&gt;
jsPDF for generating the PDF&lt;br&gt;
Manual mapping between on-screen layout and PDF coordinates&lt;br&gt;
It’s not perfect, and there are still rough edges, especially around mobile interactions and layout consistency.&lt;br&gt;
What it’s not&lt;br&gt;
This isn’t a full PDF editor.&lt;br&gt;
You can’t upload and modify existing PDFs — it’s more of a simple PDF maker.&lt;br&gt;
Feedback welcome&lt;br&gt;
I’d appreciate any suggestions or feedback, especially on:&lt;br&gt;
usability&lt;br&gt;
export behavior&lt;br&gt;
whether the naming makes sense&lt;br&gt;
If you’ve worked on client-side PDF generation before, I’d be interested in hearing how you approached it.&lt;br&gt;
Thanks for reading.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
