A free, privacy-focused Resume Maker that helps users create professional, ATS-friendly resumes instantly — featuring 6 modern templates and a sleek, responsive UI.
No installation needed! Start creating your resume instantly in your browser.
- 🪄 6 Modern Templates — Designed for different industries and styles
- 💾 Privacy-first — No sign-up, no backend; your data stays in your browser
- ⚡ Fast and lightweight — Built with Vite + React + TypeScript
- 🎨 Beautiful UI — Powered by Tailwind CSS and Shadcn/UI components
- 📄 ATS-Friendly — Clean HTML-to-PDF exports optimized for job portals
- 💼 Import/Export — Save your resume data as JSON and reload it anytime
- 🌐 Works Offline — Fully functional after initial load
- 🎨 Full Customization — Customize colors, fonts, and page formats
- 📐 Flexible Layouts — Single-column, two-column, and sidebar layouts
- 🔄 Section Management — Show/hide and reorder resume sections
- 🖼️ Profile Photo Support — Add professional photos to selected templates
| Technology | Purpose |
|---|---|
| React + TypeScript (Vite) | Frontend framework for fast SPA rendering |
| Tailwind CSS | Utility-first styling for modern, responsive design |
| Shadcn/UI | Pre-built accessible components with elegant design |
| Lucide React | Clean, scalable icons |
| @react-pdf/renderer | PDF generation for resume downloads |
- 🎯 Fresh graduates or professionals creating ATS-ready resumes
- 🧾 Quick resume generation without sign-ups or tracking
- 🧠 Comparing multiple templates instantly before applying for jobs
- 💾 Saving resume data locally and reusing it later
- 🌐 Works completely offline after loading once
- 🎨 Customizing resumes for different job applications with different color schemes
- 📐 Creating region-specific resumes (US Letter vs A4 format)
- 🔄 Tailoring section order and visibility for different roles
- Node.js (v16 or higher)
- npm or yarn
git clone https://github.com/Afif718/Resumify.git
cd modern-resume-maker
npm install
npm run devThe app will be available at http://localhost:5173
npm run build
npm run previewWant to see the templates in action immediately?
- Download the sample resume file:
resume-2025-10-12.json - Open the app in your browser
- Click the Import button
- Select the
resume-2025-10-12.jsonfile - Instantly preview all 6 templates with pre-filled data!
Perfect for developers and engineers with sidebar layout
- Style: Tech-focused, Sidebar layout
- Font: Inter
- Features: Profile photo, Two-column layout, Tech-focused design
- Best for: Software developers, engineers, technical roles
Clean and formal design for corporate roles
- Style: Business, Single-column
- Font: Georgia
- Features: Single column, Professional typography, Minimal design
- Best for: Corporate positions, management roles, traditional industries
Balanced design for creative and technical roles
- Style: Creative, Two-column
- Font: Poppins
- Features: Bold sections, Modern typography, Color accents
- Best for: Versatile roles, creative professionals, modern companies
Timeline-based layout focusing on career progression
- Style: Business, Single-column
- Font: Lato
- Features: Timeline design, Career-focused, Elegant styling
- Best for: Career changers, senior professionals, consulting roles
Bold and creative design for creative professionals
- Style: Creative, Two-column
- Font: Source Sans Pro
- Features: Creative layout, Bold colors, Modern design
- Best for: Designers, marketers, creative industries
Formal table-based CV format for professional applications
- Style: Business, Single-column
- Font: Arial
- Features: Table layout, Formal structure, Multi-section support
- Best for: Academic positions, research roles, formal applications
Template Guidelines:
- ✅ All templates are ATS-friendly and designed to fit on one page
- 🔄 Switch templates anytime without losing your data
- 🎯 Each template is optimized for different career types and industries
- 🎨 Colors and fonts can be customized for each template
Browse through 6 professionally designed templates and select the one that matches your industry and style
Fill in your details across multiple sections:
- Personal Information & Contact Details
- Professional Summary
- Work Experience
- Projects
- Education
- Skills
- Custom Sections (add as many as you need)
- Typography: Choose from multiple fonts and adjust font sizes
- Colors: Select from 6 color presets or create custom color schemes
- Professional Blue
- Modern Teal
- Creative Orange
- Elegant Purple
- Corporate Gray
- Tech Green
- Page Format: Choose between US Letter (8.5" × 11") or A4 (210mm × 297mm)
- Show/hide sections based on relevance
- Reorder sections by dragging them
- Keep most important sections at the top
- Hidden sections preserve your data
See changes instantly as you type and customize
- Download as PDF — ATS-friendly format ready for job applications
- Save as JSON — Export your data to reuse later
Load your saved JSON file to continue editing or switch templates
- No data collection — We don't track, store, or transmit your personal information
- Browser-only storage — Your resume data never leaves your device
- No accounts required — Start creating immediately without sign-up
- Open source — Full transparency in how your data is handled
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with Vite
- UI components from Shadcn/UI
- Icons by Lucide
- PDF generation powered by @react-pdf/renderer
Have questions or suggestions? Feel free to open an issue or reach out!
Made with ❤️ for job seekers everywhere
⭐ If you find this useful, please consider giving it a star!