---
title: "UploadCare FileInput — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Kai Studio · Forms. Simple File Upload for Framer Form"
canonical: "https://framer.elliotli.dev/component/uploadcare-fileinput"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/UploadCare FileInput

# UploadCare FileInput

Simple File Upload for Framer Form

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

![UploadCare FileInput preview image 1](https://framer.elliotli.dev/og/component/uploadcare-fileinput/314ed581fea6e405/1600x1200.jpg)

## Summary

Simple File Upload for Framer Form

## Description

**This component is Part of the  Essential Components plugin. Browse and insert 40+ components directly in Framer.** [**Start for free**](https://www.framer.com/marketplace/plugins/essential-components/preview/)

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-7x6lr543-GbmqFGN5AuztRWWK1Ri4gJqtwe9gto)](https://www.framer.com/marketplace/plugins/essential-components/)

Let your visitors upload images, documents, and videos directly from your Framer forms, no backend needed. This lightweight uploader makes it effortless to collect submissions, verify IDs, accept applications, or gather creative content, all instantly delivered as secure links. Perfect for small sites and fast setups.

### **How to Use the Component**

1.  Copy the component into your Framer project and place it inside a Framer Form.
    
2.  **Get Your Uploadcare Keys (2 Simple Steps)**
    

-   **Step 1 (Copy Public Key )** 😀
    
    Go to [Uploadcare](https://uploadcare.com/) and create a free account. Navigate to your [Uploadcare dashboard](https://app.uploadcare.com/) → **API Keys** → copy your **Public Key**.
    
-   **Step 2 (Copy CDN Name ) :** Go to **Settings → Delivery** → copy your **CDN name**.
    
-   You will paste both values into the component properties panel in Framer.
    

### **3\. Connect It in Framer**

In the component Properties panel:

-   Paste your **Uploadcare Public Key**
    
-   Paste your **Uploadcare CDN Name**
    
-   Set the Max File Size (Max 10MB)
    
-   Customize the design (placeholder text, colors, font, border, padding, etc.)
    
-   Configure where your form data will be sent .  Framer allows you to deliver submissions via Email notifications, Google Sheets, or a custom webhook such as Zapier, Make, or your own API.
    
-   No additional configuration is required.
    

### **Publish and Test**

-   Preview your form
    
-   Upload your files
    
-   Submit the form
    

### **Note on file uploads:**

This component uploads visitor-selected files directly to Uploadcare, a third-party file storage service, at the time of upload. Files are stored on Uploadcare's infrastructure and delivered via their CDN, the uploaded assets belong to and remain under the control of your own Uploadcare account, not this component or Framer.

Preview :[https://fileuploaderpro.framer.website/](https://fileuploaderpro.framer.website/)

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

-   All · #2812

## Details

- **Author**: Kai Studio
- **Price**: $15.00
- **Published**: 2026-06-17
- **Updated**: 2026-10-20
- **Added**: 2026-06-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