Back to templates

Template details

ImpactCV

Open-source resume builder with 20+ themes, real-time preview, drag-and-drop editing, and JSON/HTML/PDF export.

About this template

ImpactCV is an open-source resume and CV builder web application, created by asfand-dev, that turns structured form input into a styled resume with a real-time preview and multiple export formats. It runs in the browser as a React and TypeScript single-page application built with Vite, Tailwind CSS, and Radix UI, and it is published under an MIT license.

What is ImpactCV?

ImpactCV is a client-side resume builder where users enter personal details, work experience, education, skills, and projects through a left sidebar, then see the formatted CV update immediately in a main preview area. The tool accepts configuration through structured React Hook Form inputs and exports the result as a self-contained HTML file, a JSON configuration file, or a PDF via the browser print flow. The project is maintained on GitHub by asfand-dev and can be run locally with Node.js package managers like npm, yarn, or pnpm.

Key Features

  • Real-time preview — Every edit made in the sidebar re-renders the CV preview instantly, so formatting changes are visible as you type.
  • Drag-and-drop sections — CV sections such as experience, education, and projects can be reordered, and section titles can be edited and toggled on or off.
  • 20 visual themes — The theming system, powered by next-themes, includes Basic, Casual, Professional, Creative, Modern, Business, Gradient, Nordic, Blueprint, Retro, Academic, Corporate, Classic, Minimal, Futuristic, and others.
  • AI job tailoring — A Tailor for Job Description button sends the CV content to the OpenAI API and updates the document to better match a given job posting for ATS screening.
  • Photo integration — Users can optionally upload a profile photo, and the layout adjusts dynamically when a photo is present or absent.
  • JSON import and export — CV data can be saved to or loaded from a JSON configuration file, making it easy to back up or duplicate resume setups.
  • HTML and PDF export — Completed CVs can be downloaded as a self-contained HTML file suitable for hosting, or printed to PDF using the browser's standard print function.
  • Modern component stack — The interface is assembled with Radix UI accordions, Lucide icons, date-fns for date handling, UUID for IDs, clsx for class merging, and Sonner for toast notifications.

Who is ImpactCV for?

  • Job seekers — People actively applying to roles can create a formatted resume, switch between themes, and produce a PDF without touching CSS or layout code.
  • Career changers — Users who need to reframe existing experience for a new field can use the AI tailoring feature to align their CV wording with a specific job description.
  • Students and new graduates — The drag-and-drop section editor lets them build a first resume by adding education, projects, and skills in any order.
  • Developers — Because it is an MIT-licensed React project, developers can fork the repository, contribute features, or embed parts of the editor in their own applications.

What can you do with ImpactCV?

  • Tailor a resume to a specific job posting — Paste or set a target role and use the OpenAI-powered button to rewrite content so it better matches the job description and recruiter expectations.
  • Create multiple visual versions of one CV — Export the same data as JSON, reload it later, and apply a different theme such as Business, Academic, or Minimal for different applications.
  • Host a self-contained resume online — Use the HTML export to produce a single file with inline styles that can be shared or hosted anywhere without a server.
  • Run a local resume editor — Clone the GitHub repository, install dependencies with npm, yarn, or pnpm, and start the Vite development server at localhost:3000.

How does ImpactCV work?

ImpactCV organizes the editor into a configuration sidebar and a preview area. Users fill out sections like Basic Information, Professional Summary, Experience, Education, Skills, and Projects, then use the Configure Sections panel to rename headings, hide sections, or drag them into a new order. The application stores all values in React state, applies the selected theme, and renders the output in real time; exporting produces JSON, HTML, or a printed PDF.

FAQ

Is ImpactCV free?

Yes, ImpactCV is an open-source project released under the MIT license, and the repository is publicly available on GitHub. There is no hosted paid tier described in the documentation, so users run the application locally from source.

Does ImpactCV require an OpenAI API key?

The Tailor for Job Description feature integrates with the OpenAI API, so using that specific feature requires access to the OpenAI API. All other features, including theming, section editing, and export, operate without any external service.

What export formats does ImpactCV support?

ImpactCV exports resume data as JSON for portability and as a self-contained HTML file for hosting or sharing. PDF output is generated through the browser's standard print flow, so users choose print or save as PDF from their browser.

How many themes does ImpactCV include?

ImpactCV includes 20 unique themes, such as Basic, Professional, Creative, Modern, Business, Gradient, Nordic, Blueprint, Retro, Academic, Corporate, Classic, Minimal, and Futuristic. A Without Photo layout is also shown in the documentation gallery.

Can I contribute to ImpactCV?

The project welcomes community contributions. The repository suggests forking the repo, creating a feature branch, testing changes, and submitting a pull request, with issues handled through the GitHub issues page.

screenshot of ImpactCV on template0.com