Resume or CV Upload

Resume Upload

A production-ready resume upload field for forms, careers pages, and job application flows. Drop it onto the canvas, connect your form, and start collecting resumes.

Highlights

• Drag & drop and browse — users can drop a resume anywhere in the drop area or pick one with the native file picker.

• File type validation — restrict to PDF, DOC, DOCX, or any custom list. Rejects unsupported files with a clear error message.

• File size limit — cap the maximum file size (in MB) and show a friendly error when exceeded.

• File preview — display the selected resume with a file-type icon, filename, and remove button before submitting.

• Multiple layouts — drop area only, browse button only, or both with a divider between them.

• Built-in upload — connect Google Drive (Apps Script), Cloudinary, Supabase Storage, or Cloudflare R2 in a few clicks. Uploads run either on file selection or on form submit.

• Upload progress — simulated percentage animation or custom text with optional spinner.

• Required field support — integrates with Framer Forms. Blocks submission when no resume is attached and shows the error state.

• Multi-language & RTL — every label, error, and template is customizable. Layout direction can be set to LeftToRight, RightToLeft, or auto.

• Full styling control — container, drop area, browse button, reset button, divider, success message, focus ring, and state colors are all editable from the properties panel.

• Accessible — proper ARIA roles, keyboard navigation (Enter / Space), focus ring, and screen-reader labels.

Complete component setup with full guide tutorial.

Use cases

• Careers page application form

• Agency intake form

• Freelance portfolio submission

• HR onboarding pre-form

• University / scholarship application

• Anywhere you need a single, well-styled resume field