Vue File Agent - Full featured drag & drop enabled Vue file upload component with previews and upload progress

Vue File Agent

Every file deserves to be treated equally

High performant Vue file upload component with elegant and distinguishable previews for every file type and support for drag and drop , validations , default uploader with progress support and externally customizable in the “vue way”

Live Demo · CodePen Playground



  • Exclusively designed for Vue with performance and simplicity in mind
  • Elegant and truly responsive grid based design
  • File input with drag and drop
  • Smooth Transitions
  • Multiple File Uploads
  • Max File Size, Accepted file types validation
  • Image/Video/Audio Previews
  • File type icons
  • Default uploader with progress
  • Externally controllable via Vue bindings and methods
  • Built in support for server side validation and error handling
  • Official Upload Server Examples for PHP and Node Js

GitHub URL

1 Like