OVERVIEW
The CV Generator started as a personal tool to build my own applications. I wanted something that works entirely in the browser, respects privacy by default, and still produces clean, professional PDFs.
No sign-up, no cloud storage, no data leaves the device. Everything runs client-side, from the live editor to the PDF export.
If I've applied to your company, there's a good chance the CV you received was built with this tool.
FIG_02 // LIVE_EDITORLIVE_EDITOR
FIG_03 // SPLIT_PANEAll personal data and the person shown are fictional and AI-generated.
A split-pane workspace where every change in the editor is instantly reflected in the resume preview. The editor is organized into tabs: Personal, Experience, Education, Skills, Extras, Theme and Design Config.
The resume supports 12+ content sections including professional experience, education, certifications, technical skills with experience levels, languages, hobbies, references, social profiles, awards, and even a dedicated AI skills section for tools like Claude, ChatGPT or ComfyUI.
5_DESIGNS
Each template has its own visual identity and layout philosophy.
FIG_04 // TEMPLATE_GRIDAll personal data and the person shown are fictional and AI-generated.
FIG_05 // TEMPLATE_DETAILAll personal data and the person shown are fictional and AI-generated.
CLASSIC BLUE
Two-column professional layout with a colored sidebar. Education, skills and contact on the left, experience and profile on the right. Clean, corporate-friendly.
MODERN YELLOW
Editorial layout with floating cards and a hero section. Energetic yellow accents, social media cards and a portfolio link. Built for creative professionals.
PORTFOLIO BOLD
Magazine-style design with dual photo placement, rotated name labels and decorative icons. Made for designers and creatives.
DARK CREATIVE
Full-body poster-style layout with advanced photo positioning (X/Y, rotation, zoom, directional fade). Configurable arrow graphic, two- or three-column toggle.
INFOGRAPHIC
Bento-box card layout with a cutout photo, skill pills and a decorative ring SVG. Youthful and modern.
FEATURES
PDF EXPORT
One-click export using html2pdf.js. The output matches the on-screen preview pixel-for-pixel at 2x scale with custom page dimensions derived from the actual rendered content.
COVER LETTER
A dedicated cover letter editor following the DIN 5008 German formatting standard. Includes a "pull from resume" feature that auto-fills sender info from existing resume data.
PHOTO MANAGEMENT
Upload a photo locally and fine-tune it with aspect ratio presets, zoom, X/Y positioning, rotation, directional fade effects and per-corner border radius control.
12 COLOR THEMES
Curated color schemes that set primary, accent, background, card and text colors in one click. All themes generate automatic shade variations using HSL color math.
TYPOGRAPHY
10 heading fonts and 9 body fonts to choose from. Adjustable size multipliers for name, section headers and body text. Full control over how your resume reads.
DESIGN CONFIG
Every template exposes its own set of customizable labels and toggles, like section titles, greeting text, layout switches and accent placements. Deep personalization without touching code.
PRIVACY
Consent-first approach. A banner asks before anything is saved. Three modes: pending, session-only (nothing persisted), or granted (localStorage). Auto-save with a 1.2s debounce for both resume data and theme settings. Users can clear all stored data and revoke consent at any time. Zero network requests for user data.
TECH_STACK
NOTE: All personal data and persons shown in screenshots and demo files on this page are fictional and AI-generated. They do not represent any real person.