Beautiful animations, fast uploads with client-side image optimization, and a great, accessible, user experience.
npm install filepond
Then import in your project:
import * as FilePond from 'filepond';
Or get it from a CDN
<!-- add to document <head> --> <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet"> <!-- add before </body> --> <script src="https://unpkg.com/filepond/dist/filepond.js"></script>
Now you can turn an
<input type="file"> into a FilePond.
<input type="file" class="filepond"> <script> FilePond.parse(document.body); </script>
If you want to use FilePond on commercial sites, themes, projects, and applications, the Commercial license is what you need. With the commercial license, your source code is kept proprietary. View the license options on the pricing page.
Open source license
If you're working on an open source project under a license compatible with GPLv3, you may use FilePond under the terms of the GPLv3.
For more information you can read the full license here.