---
title: "File Upload Box — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Deckle · Forms. File Upload Box A drag-and-drop / click-to-browse file upload field that drops straight into Framer's native Form component."
canonical: "https://framer.elliotli.dev/component/file-upload-box"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/File Upload Box

# File Upload Box

Drag & drop uploads for Forms

[View on Framer](https://framer.com/marketplace/components/file-upload-box/?via=elliot-li)

![File Upload Box preview image 1](https://framer.elliotli.dev/og/component/file-upload-box/b7bbfb07b7ebb426/1600x1200.jpg)

## Summary

File Upload Box A drag-and-drop / click-to-browse file upload field that drops straight into Framer's native Form component.

## Description

**File Upload Box**

A drag-and-drop / click-to-browse file upload field that drops straight into Framer's native Form component. Visitors can browse or drag a file in, watch it upload with a live progress bar, and the resulting file URL is automatically written into a hidden field so it's included with the rest of your form submission — no extra setup needed.

**Where your files go**

You choose the upload destination in the property panel:

-   **Uploadcare (recommended for real projects)** — Files are uploaded directly to your own Uploadcare account using your **Public API Key**. Every file that comes through the form will show up in your **Uploadcare dashboard**, where you can view, manage, download, or delete them at any time.
    

To set this up, grab your Public Key from your Uploadcare project and paste it into the **Upload → Public Key** field in the property panel. If your account was created after September 4, 2025, also add your **CDN Subdomain** (found under Project Settings → Delivery) so file links resolve correctly.

-   [**tmpfiles.org**](http://tmpfiles.org) **(public demo host)** — A quick way to test the component without setting up an account. Files are sent to the free public service [tmpfiles.org](http://tmpfiles.org) and are **automatically deleted after about 1 hour**. This is meant for prototyping only — don't use it for real visitor submissions or sensitive files, since nothing is stored permanently and anyone with the link can access the file during that hour.
    

**Other features**

-   Optional required-field validation tied into Framer's form submit
    
-   Multiple file support
    
-   File type and max size restrictions
    
-   Fully customizable colors, border style, fonts, and icons to match your design
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #8204

## Details

- **Author**: Deckle
- **Price**: $10.00
- **Published**: 2026-07-17
- **Updated**: 2026-10-14
- **Added**: 2026-07-17
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from