explaingit

atom63/resume

Analysis updated 2026-05-18

4TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

TLDR

A React library that renders MDX resume and CV files into paginated, print-ready, ATS-friendly PDFs with a live browser viewer.

Mindmap

mindmap
  root((atom63 resume))
    What it does
      MDX to paginated PDF
      ATS selectable text
      Letter and A4 sizes
    Layout components
      Header and Footer
      Columns Sidebar Main
      Group and Entry
    Customization
      CSS design tokens
      Custom components
      Live MDX editor
    Setup
      npm create scaffold
      Add to React app
      Vite required
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Maintain your resume as a code file and export a clean ATS-friendly PDF with one click.

USE CASE 2

Ask an AI coding agent to draft or update resume content in MDX and preview changes live in the browser.

USE CASE 3

Add the ResumeViewer component to an existing React app to render a resume section on a portfolio site.

USE CASE 4

Restyle the entire resume by overriding a handful of CSS design tokens without touching a framework.

What is it built with?

TypeScriptReactMDXVite

How does it compare?

atom63/resume0labs-in/vision-linkarviahq/arvia
Stars444
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderatemoderate
Complexity2/53/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires Node.js and a Vite-based React app, the create command scaffolds everything automatically.

Use freely for any purpose including commercial projects, as long as you keep the copyright and license notice.

In plain English

@atom63/resume is a React library and scaffolding tool that turns MDX files into paginated, print-ready resume and CV documents. MDX is a file format that combines Markdown text with React components, so your resume lives as a code file rather than a Word document or a visual editor canvas. You write the content yourself or ask an AI coding tool to draft it, and the library handles page layout, sizing to standard letter or A4 dimensions, and PDF export. The quickest way to start is a single npm command that creates a standalone project with a Vite development server. This gives you a starter two-column resume file and a single-column CV file to edit. The browser shows both in a zoom-and-pan viewer with a Save to PDF button in the toolbar. Because the PDF uses selectable text rather than rendered images, it passes through Applicant Tracking System filters that many employers use to scan resumes automatically. The layout system uses a small set of named components: Header, Columns with Sidebar and Main, Group blocks for individual job entries, and Footer. Single-column CVs use Section and Entry components instead. The visual design is controlled through CSS design tokens rather than a framework like Tailwind, so you can change fonts, text size, colors, and column proportions by overriding a handful of CSS variables. If you already have a React and Vite project you can install the package and add the ResumeViewer component directly. The library also exports an optional live MDX editor component for previewing changes in the browser as you type. Custom section types can be added by passing in extra React components alongside the defaults. The library is at version 0.2.x and the API may shift before a stable 1.0 release. It is MIT licensed.

Copy-paste prompts

Prompt 1
Scaffold a new resume project with @atom63/resume, start the dev server, and show me the starter MDX files.
Prompt 2
Rewrite my resume.mdx to include a two-column layout with a skills sidebar and an experience section using @atom63/resume components.
Prompt 3
How do I change the font, body text size, and column ratio in an @atom63/resume document using CSS tokens?
Prompt 4
Add a custom SkillBar component to my @atom63/resume setup that shows a label and a percentage fill bar.
Prompt 5
How do I export a print-ready PDF from the @atom63/resume browser viewer and make sure the text is selectable?

Frequently asked questions

What is resume?

A React library that renders MDX resume and CV files into paginated, print-ready, ATS-friendly PDFs with a live browser viewer.

What language is resume written in?

Mainly TypeScript. The stack also includes TypeScript, React, MDX.

What license does resume use?

Use freely for any purpose including commercial projects, as long as you keep the copyright and license notice.

How hard is resume to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is resume for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub atom63 on gitmyhub

Verify against the repo before relying on details.