---
title: "File Uploader — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Kai Studio · Forms. Cloud powered file uploads for Framer."
canonical: "https://framer.elliotli.dev/component/file-uplod-input"
---

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

# File Uploader

Cloud-Powered Uploads for Framer

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

![File Uploader preview image 1](https://framer.elliotli.dev/og/component/file-uplod-input/9c2b9bfb18c8fe4b/1600x900.jpg)

## Summary

Cloud powered file uploads for Framer.

## Description

**This component is Part of the  Essential Components plugin.** Browse and insert 45+ 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-yyjxzg2a-AQzsbmIRoKae4slj1UAS93AKfpPdPi)](https://www.framer.com/marketplace/plugins/essential-components/)

Add a drag-and-drop file upload field to your Framer forms.Visitors can upload images, videos, PDFs, and audio and the file is stored securely on Cloudinary’s cloud storage.

You don’t need a server or any code, Framer handles the form, Cloudinary handles the files.

**1\. Add the Component**

Copy the component into your Framer project and add it **inside a Framer Form**

**2\. Create a Free Cloudinary Account**

Sign up for a [free Cloudinary account](https://cloudinary.com/) and copy your **Cloud Name from your dashboard**

**3\. Create an Upload Preset (One-Time Setup)**

In your Cloudinary console dashboard,

-   Go to **Settings → Upload**
    
-   Click **Upload Presets → Add Upload Preset or** edit the existing one. Take note of the preset name.
    
-   Set **Signing Mode** to **Unsigned. You can also set a folder name for your files.**
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-z1fgoj1i-bo3v4I17uPXflO3dBYSfiVU7DZ2cyf)

-   In the **Optimize and Deliver section,** add only the file types you want users to upload.
    

### PDF Uploads

If you want to allow **PDF uploads**, enable PDF delivery in Cloudinary:

1.  Go to **Cloudinary Console → Settings → Security**
    
2.  Turn on **“Allow delivery of PDF and ZIP files”**
    
3.  Save your changes
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vfhk4wsq-66tlsHo2TJzoMflqEXvLPKB9IDqVye)

**4\. Connect It in Framer**

In the Properties panel of the file upload component,

-   Paste your cloudinary **Cloud Name**
    
-   Paste your Cloudinary **Upload Preset** name
    
-   Choose the File Type– Max File Size (**10MB for images/PDFs/audio · up to 100MB for video**)
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vfhk4wsq-AhJZtvJuAvwAFJsHe9LKxd5QGhY0rg)

-   Customise the rest of the properties
    

**5\. Publish & Test**

### What You Get after Purchase

1.  **The Component & Future Updates** : Fully functional file upload component with free ongoing improvements
    
2.  **Demo Form** :A ready-to-use Framer form using the file upload input
    
3.  **Documentation & Setup Instructions** : Clear step-by-step guide for Cloudinary configuration
    
4.  **Dedicated Lifetime Support. If you have any questions, feel free to** [**email**](mailto:essyking@gmail.com) **me anytime, I’m happy to help**
    

Live Preview : [https://fileuploadinput.framer.website/](https://fileuploadinput.framer.website/)

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

-   All · #1009

## Details

- **Author**: Kai Studio
- **Price**: $19.00
- **Published**: 2026-02-17
- **Updated**: 2026-11-05
- **Added**: 2026-01-23
- **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