Subscribe
Sign in
Start new thread
All
FilePond.js
p/filepond-js
Uploads anything you throw at it ☁️
Visit Product
Rik Schennink

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

Featured
27
•

☁️ FilePond is an open source file upload library that handles any file you throw at it.

🍱 It optimise images for fast uploads, is extendable with plugins, and offers a silky smooth UX.
✂️ Offers image editing with Doka.js

Add a comment

Replies
Best
Rik Schennink
Maker
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.
Ben Tossell
@rikschennink Looks beaut 😍
Rik Schennink
Maker
@bentossell Thanks Ben!
Simon Chiu
@rikschennink Congrats on the launch. Found out about this on IH, and came over here to check it out. Looks beautiful.
Rik Schennink
Maker
@geetfun Thanks Simon!
Paul Smith
@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?
Rik Schennink
Maker
@paulcsmith Hi Paul! I currently have not, I'll see if I can get something online soon. Would love to release some default snippets for different cloud solutions. The FilePond upload function can be configured to the function level, which basically means you can handle the whole upload yourself while using callbacks to update the FilePond interface. This way it can connect to everything. https://pqina.nl/filepond/docs/p...
Adam Davies
This looks sweeet and I think perfect for an upcoming project/product of mine 👍
Rik Schennink
Maker
@adammydesign Thanks! Let me know when you get started, happy to help out if you have any questions. Good luck with your project, Adam!
wojtek
This is probably the most polished and well documented plugin I've ever seen. Great work, Rik!
Rik Schennink
Maker
@pugson Thank you, awesome you took a look at the docs as well. It's based on Cupper and accessible documentation "generator" > https://github.com/ThePacielloGr...
Sven van der Zee
Damn this looks great, well done Rik! Love the landing page btw.
Keyul
Great work. Is it possible to connect with third party CDN? so when user uploads file, it will automatically add into CDN.
Rik Schennink
Maker
@keyul Hmm, I think it should, the upload method is fully customizable so you should be able to basically upload to any destination. https://pqina.nl/filepond/docs/p...
Udara Jay
I've been waiting for this for sooo line!
Rik Schennink
Maker
@ujzeee Awesome, there's a lot more to come as well!
Jonathan

I love how beautiful this is!

Pros:

It makes me want to build something with it

Cons:

None

David Kosmayer
Great looking product Rik, like what I see!
Rik Schennink
Maker
@davidkosmayer Thanks David, appreciate the feedback!
Shiv
Looks really beautiful :)
Rik Schennink
Maker
@shivkanthb Thanks Shive! :-)
Carvalho Paulo
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