Clicky

LIBFLOW

COMPONENT

FREE File upload button for Webflow

A fully customizable free file upload button built entirely with native Webflow elements and powered by attributes. Try it out! 👉

Use it with our hosting app Libflow

For testing purposes we limited file type & file size: .jpg up to 1MB. Test it out!👇p.s. all your files are saved to our Libflow account and will be deleted within 24 hours.

Click to upload file
or drag and drop
filename.txt
1.2MB
Uploading...
Please wait...
1 file selected
CLEAR ALL
filename.txt
1.2MB
Upload error message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

No iframes, ever!

Flowwwtin' apps use 100% native Webflow elements — no embeds, no hacks. Everything fits right into your layout, so you stay in control of the look and feel.

Match your brand perfectly

No annoying branding or hidden limitations

Powered by attributes

Every feature in the File Upload Button runs on attributes — define how it looks, accepts files, and reacts — all visually, inside Webflow.

Control everything from the Designer

Add logic without writing code

Currently available attributes:

Name
Description
data-ft-lib-component="upload-form"
data-ft-lib-folder-id
data-ft-lib-field="destination"
data-ft-lib-upload-widget
data-ft-lib-element="upload-content"
data-ft-lib-required="true"
data-ft-lib-multiple-files="true"
data-ft-lib-validation-[error-type]
data-ft-lib-element="upload-file-info"
data-ft-lib-element="upload-status"
data-ft-lib-element="multiple-files"
data-ft-lib-file-name
data-ft-lib-file-size
data-ft-lib-remove-file
data-ft-lib-progress-bar
data-ft-lib-progress
data-ft-lib-validation-text
data-ft-lib-multiple-files-header
data-ft-lib-multiple-files-list
data-ft-lib-file-item-template
data-ft-lib-files-count-text
data-ft-lib-clear-all-files
data-ft-lib-file-item
data-ft-lib-file-item-name
data-ft-lib-file-item-size
data-ft-lib-file-item-remove

Fueled by Events

File upload button emits custom events for every key interaction — you listen, file upload button talks.

document.addEventListener('event-name', function(event) {
    // your custom logic here
  });

Currently available events:

Name
Description
libflow-file-selected
libflow-file-drop
libflow-file-clear
libflow-file-remove
libflow-files-clear-all
libflow-upload-start
libflow-file-analyzed
libflow-upload-progress
libflow-file-uploaded
libflow-upload-complete
libflow-upload-error
libflow-validation-error
libflow-form-submit

Get started now

Drop it into your Webflow project in seconds — just copy, paste, and you're live!

GET STARTED
24/7 support:
hello@flowwwtin.com