# joyceql/magic-resume

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/joyceql-magic-resume).**

8,592 stars · 963 forks · TypeScript · NOASSERTION

## Links

- GitHub: https://github.com/JOYCEQL/magic-resume
- Homepage: https://magicv.art
- awesome-repositories: https://awesome-repositories.com/repository/joyceql-magic-resume.md

## Topics

`ai` `deepseek` `doubao` `motion` `react` `resume-website` `shadcn-ui` `tanstack` `tanstack-start`

## Description

Magic Resume is a local-first resume builder that runs entirely in the browser, storing all user data on the device to protect privacy and enable offline access. It combines a real-time document editor with AI-powered writing assistance that checks grammar and suggests professional phrasing directly within the editing interface.

The application provides a selection of pre-designed resume templates and supports custom theme-based visual styling, allowing users to switch between color and font schemes or toggle a dark mode for comfortable editing in different lighting conditions. A client-side PDF export pipeline converts the current resume layout into a downloadable file with a single action.

The editor automatically saves changes to local storage and updates the resume preview in real time as content is edited, providing immediate visual feedback without requiring manual refresh.

## Tags

### Artificial Intelligence & ML

- [Grammar & Phrasing Suggestions](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-powered-document-editors/grammar-phrasing-suggestions.md) — Provides AI-powered grammar checking and professional phrasing suggestions directly in the resume editor.

### Business & Productivity Software

- [AI-Assisted Builders](https://awesome-repositories.com/f/business-productivity-software/resume-builders/ai-assisted-builders.md) — Checks grammar and suggests professional phrasing to improve resume quality automatically using AI. ([source](https://magicv.art))
- [AI-Assisted Resume Editors](https://awesome-repositories.com/f/business-productivity-software/resume-builders/ai-assisted-resume-editors.md) — Integrates AI-powered grammar and phrasing suggestions directly into the real-time resume editor.
- [Resume Editors](https://awesome-repositories.com/f/business-productivity-software/resume-editors.md) — Updates the resume preview instantly as the user types or changes content, providing immediate visual feedback. ([source](https://cdn.jsdelivr.net/gh/joyceql/magic-resume@main/README.md))
- [Resume Templates](https://awesome-repositories.com/f/business-productivity-software/resume-templates.md) — Provides a selection of pre-designed resume templates to quickly start building a professional layout.

### Content Management & Publishing

- [PDF Exports](https://awesome-repositories.com/f/content-management-publishing/pdf-exports.md) — Converts the current resume layout and content into a downloadable PDF file with a single action. ([source](https://cdn.jsdelivr.net/gh/joyceql/magic-resume@main/README.md))
- [Client-Side PDF Export Pipelines](https://awesome-repositories.com/f/content-management-publishing/pdf-exports/client-side-pdf-export-pipelines.md) — Converts the resume layout into a downloadable PDF using a client-side rendering engine with a single action.
- [Client-Side PDF Resume Exporters](https://awesome-repositories.com/f/content-management-publishing/pdf-exports/client-side-pdf-resume-exporters.md) — Converts the current resume layout into a downloadable PDF file with a single click, entirely on the client side.
- [Auto-Save Mechanisms](https://awesome-repositories.com/f/content-management-publishing/auto-save-mechanisms.md) — Persists resume changes to browser local storage automatically to prevent data loss on accidental page close. ([source](https://cdn.jsdelivr.net/gh/joyceql/magic-resume@main/README.md))

### Data & Databases

- [Local Data Stores](https://awesome-repositories.com/f/data-databases/local-data-stores.md) — Saves all resume information on the user's device to protect privacy and avoid server storage. ([source](https://magicv.art))
- [Local-First Persistence](https://awesome-repositories.com/f/data-databases/local-first-persistence.md) — Stores all resume data in browser local storage for offline access and privacy without server dependency.

### DevOps & Infrastructure

- [Real-Time Updates](https://awesome-repositories.com/f/devops-infrastructure/feature-flags/real-time-updates.md) — Edits resume content and sees layout changes update instantly without manual refresh.

### Security & Cryptography

- [Local Data Storage](https://awesome-repositories.com/f/security-cryptography/local-data-storage.md) — Saves resume data entirely on the user's device to avoid server storage and protect personal information.
- [Local-First Resume Editors](https://awesome-repositories.com/f/security-cryptography/local-first-privacy-tools/local-first-resume-editors.md) — Stores all resume data in the browser's local storage to protect privacy and enable offline access.

### User Interface & Experience

- [Live Preview Renderers](https://awesome-repositories.com/f/user-interface-experience/live-preview-renderers.md) — Renders the resume preview in real time as the user edits content, providing immediate visual feedback.
- [Theme Application & Switching](https://awesome-repositories.com/f/user-interface-experience/color-themes/theme-application-switching.md) — Switches the resume's visual style between pre-built themes or user-defined color and font schemes. ([source](https://cdn.jsdelivr.net/gh/joyceql/magic-resume@main/README.md))
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Applies pre-built or custom color and font themes by swapping CSS variables dynamically.
- [Light and Dark Theme Systems](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming/light-and-dark-theme-systems.md) — Switches the editor interface between light and dark color schemes for comfortable use in different lighting conditions.
- [Data-Attribute Dark Mode Toggles](https://awesome-repositories.com/f/user-interface-experience/dark-mode-support/data-attribute-dark-mode-toggles.md) — Implements a dark mode toggle by setting a data attribute on the root element to switch CSS palettes.
- [Custom Theme Editors](https://awesome-repositories.com/f/user-interface-experience/resume-visual-themes/custom-theme-editors.md) — Ships a theme editor that lets users switch between pre-built templates and customize colors and fonts.