I Spent 3 Hours Fighting My Resume in Word. Then I Found Typst — and Never Looked Back.

Harjit Singh — Tue, 19 May 2026 18:07:21 +0000

How a nerdy typesetting language quietly became the best resume tool I've ever used — and why a free browser tool just made it stupidly easy for everyone.

Visual Typst Resume Builder — Free Drag-and-Drop Resume Maker (PDF & .typ)

Free online Typst editor and resume builder. A browser-based Typst compiler with live PDF preview — build ATS-friendly résumés visually, drag-and-drop sections, upload custom fonts and images, and export to PDF in one click. The modern alternative to LaTeX. No signup, open source, runs entirely client-side.

typsteditor.kiucode.store

Let me paint you a picture.

It's 11 PM. You've got a job application due tomorrow. Your resume is open in Microsoft Word, and you're trying to nudge a bullet point 4 pixels to the left without the entire document having an existential crisis. You right-click. You format. You align. The PDF looks nothing like the screen. You repeat this loop for two hours.

Sound familiar?

That was me. And I'm a software developer — someone who literally builds apps for a living. If it was this painful for me, I don't want to imagine what non-technical people go through.

Then a colleague casually dropped a link in Slack: "just try Typst for your resume."

I thought it was a typo.

What Even Is Typst?

Typst is a modern document typesetting system — think of it as what LaTeX should have been if it was designed in this decade instead of 1978. It lets you write structured markup (like code) that compiles into a beautiful, pixel-perfect PDF.

If you've ever heard of LaTeX but been too scared to touch it — Typst is that, minus the nightmare. The syntax actually makes sense. Compilation takes under a second instead of 20. And the output? Gorgeous, every single time.

For resumes specifically, Typst is genuinely special:

No formatting drift — what you write is exactly what you get in PDF
ATS-friendly output — text is selectable, searchable, parseable by AI resume scanners
Portable source file — your .typ file is plain text, lives forever, never corrupts
Scriptable — change your font size or spacing across the entire document in one line

But here's the catch that kept most people away: you had to install a local Typst toolchain. Set up a CLI. Learn the syntax from scratch. For a developer? Fine. For anyone else? A dealbreaker.

Then Someone Built the Thing We Actually Needed

A few weeks ago I stumbled across Visual Typst Resume Builder — a free, open-source, browser-based Typst editor built specifically for resumes.

No install. No signup. No backend. Just open the URL and start building.

Here's what genuinely surprised me:

1. Drag-and-Drop Resume Sections

There's a left-side palette with pre-built Typst snippets — Experience, Education, Skills, Projects, Certifications. You drag them into the editor. They drop in as real, editable Typst code. You don't need to know a single line of Typst syntax to get started.

This is the part I didn't expect to like. I'm a code person. But watching a clean Experience section snap into place in under 10 seconds? That felt good.

2. Live PDF Preview — Powered by WebAssembly

The right panel shows your compiled PDF in real time. Every keystroke, every drag — the PDF updates instantly. No compile button. No waiting. The entire Typst compiler runs in your browser via WebAssembly, which is honestly kind of witchcraft.

For someone switching from Word's print-preview hell, this alone is worth it.

3. Your Data Never Leaves Your Device

This one matters more than people realize.

When you build a resume on most SaaS tools — LinkedIn Resume Builder, Zety, Novoresume — your data goes to their servers. Your job history. Your phone number. Your email. Stored, analyzed, sold.

The Visual Typst Resume Builder is 100% client-side. There is no server. Your resume text, your uploaded fonts, your profile photo — none of it leaves your browser. It's stored locally in IndexedDB. The app has literally no backend to send your data to even if it wanted to.

In an age where your resume data is a product, that's a big deal.

4. Custom Fonts and Images, No Upload Required

You can upload your own .ttf or .otf fonts — they get registered with the compiler at runtime. Same with images (PNG, JPEG, SVG). They're never sent anywhere; they live in your browser's local storage. For designers who care about typography (which is everyone, they just don't always know it), this is huge.

5. Three Starting Templates

Classic, Modern, and Compact — clean starting points so you're not staring at a blank page. Each one is already ATS-optimized and exports a tight, professional PDF.

6. Full Monaco Editor for Power Users

If you do know Typst, or if you want to learn it, the full Monaco code editor is there — the same editor that powers VS Code — with Typst syntax highlighting and intelligent autocompletion. There's even a built-in Typst tutorial covering the 11 core concepts.

You can grow from "zero Typst knowledge" to "fully custom document" without ever leaving the tab.

Why This Beats Every Other Resume Builder

Let me be blunt about what's wrong with the current landscape:

Word / Google Docs — Great for prose. Terrible for precise layout. PDFs vary by OS. Formatting is fragile. No version control.

Canva / Zety / Novoresume — Pretty templates, but locked in. You can't script anything. Your data is their product. The moment you want something custom, you hit a paywall.

LaTeX on Overleaf — Powerful but brutal to learn. Slow compilation. Overkill for a resume.

JSON Resume / YAML tools — Great idea, terrible UX. No visual feedback. Too dev-centric.

The Visual Typst Resume Builder sits in a sweet spot that nothing else occupies: visual enough for non-technical users, powerful enough for developers, private by design, and completely free.

The Resume I Made in 20 Minutes

I took my old resume — a Word document I'd been patching and re-saving for three years — and rebuilt it from scratch using the Modern template.

Twenty minutes later I had a cleaner PDF than I'd ever produced. Consistent spacing. Sharp typography. Selectable text. A file size under 200KB.

I downloaded the .typ source. That's my resume now. Plain text. Git-trackable. I can open it in any Typst editor, on any machine, five years from now. No subscription. No app dependency. No "your file format is no longer supported."

Who Should Use This

Developers job-hunting who want a resume that feels as precise as their code
Students building their first professional resume without paying for a SaaS tool
Designers who want full typographic control without LaTeX's learning curve
Anyone who has ever fought with Microsoft Word's formatting at 11 PM

Try It Right Now

typsteditor.kiucode.store

Free. No signup. Open source (MIT). Works in any modern browser.

The source code is on GitHub at github.com/harjit8016/visual-typst-resume-editor if you want to self-host or contribute.

The resume tool I always wanted didn't come from a VC-funded startup with a marketing team. It came from a developer who was tired of the same problem I was tired of.

I started making my resume in Typst. I'm never looking back.

Have you tried Typst for your resume? Drop a comment — I'd love to see what you built.

Tags: Resume Tips · Typst · LaTeX Alternative · Developer Tools · Job Search · Productivity · Open Source · PDF · Career · ATS Resume

Vibe coded in 1 hour

Harjit Singh — Mon, 16 Mar 2026 11:23:49 +0000

👉 imageshare.commmm

Upload something, share the link, let me know what breaks. 😄
Feedback welcome — drop a comment or open an issue. Built this in a weekend with nothing but prompts and curiosity. If you're thinking about vibe coding your next side project, honestly just do it. The barrier to building is basically zero now.

Built with Antigravity — 100% vibe coded, 0% hand-written code.

DEV Community: Harjit Singh