FilePond.js - Uploads anything you throw at it ☁️

Hi everyone! I'm Rik, the developer behind FilePond. I've been working on FilePond for the past year, super excited to finally launch! Also terrified 😱 For the past couple years I've been trying to make a living off selling JavaScript plugins on Envato. The time has come to stand on my own legs. Moving out of Envato will give me a lot more flexibility in how I offer my products to my customers. At the same time, it will be a lot more difficult to reach my customers. Oh no! Having released a file-upload and image-manipulation product before (Slim Image Cropper) I wanted to take its successor to the next level. I'd received a lot of customer feedback and decided to put all those learnings in FilePond. To capture as much customer feedback as possible, without building a Swiss army knife, I've made FilePonds core logic handle the uploading, loading and displaying of files. You can then stack plugins on top to add extra functionality like file validation, rendering different views, and image processing 🖼 I wanted FilePond to offer a near-native experience. To achieve this it would require seamless animations and very careful timing of file manipulation (it's quite CPU heavy, even when using web workers). FilePond has its own "render engine" that renders the UI without layout trashing and can queue CPU heavy file operations to wait till the UI is idle. It's super fast and results in very smooth and continuous animations. As FilePond is written in plain JavaScript it's framework agnostic. To make integration with frameworks easier I'm planning to build React, Vue, and Angular wrappers in the near future. Thanks so much for reading and let me know if you have any questions! I'll be here all day 😊 FilePond is free for private and open source use, if you want to use it in a commercial product, you can use the code PHLAUNCH to get a 15% discount! // UPDATE I've switched FilePond to the MIT license. So it's now free for commercial use.

@rikschennink This looks really beautiful and the documentation looks very slick. Do you have any documentation on how you could use filepond to upload the file direct to S3?

This looks sweeet and I think perfect for an upcoming project/product of mine 👍

This is probably the most polished and well documented plugin I've ever seen. Great work, Rik!

Damn this looks great, well done Rik! Love the landing page btw.

Great work. Is it possible to connect with third party CDN? so when user uploads file, it will automatically add into CDN.

I've been waiting for this for sooo line!

I love how beautiful this is!

Pros:

It makes me want to build something with it

Cons:

None

Great looking product Rik, like what I see!

Looks really beautiful :)

Nice and useful. I was able to upload a file to a nodejs server quickly. However, some problems (maybe my fault) regarding how to filter the types of files we can upload and how to pass extra information to the server when uploading the file. Any help of hint from the community is welcome (My architecture: reactjs + nodeJs server). Best regards