Cloudinary Uploader

Cloudinary Uploader

A production-ready file uploader for Framer that lets you upload files directly to your Cloudinary account. With a clean drag-and-drop interface, support for images, videos, PDFs, and more, it provides a fast, secure, and reliable upload experience—without requiring a custom backend.

Features

• Direct uploads to your Cloudinary account

• Drag-and-drop and file picker support

• Images, videos, PDFs, and other file types

• Single or multiple file uploads

• Automatic or manual upload modes

• Real-time upload status

• File size and type validation

• Image previews and PDF support

• Responsive and accessible design

• Framer Forms compatible

• No API keys exposed

• Easy setup with just two Cloudinary values

Setup

1. Copy the Cloudinary Uploader component into your Framer project.

2. Select the component and open the Properties panel.

3. Enter your Cloud Name and Unsigned Upload Preset under the Cloudinary section.

4. You're ready to upload files directly to your Cloudinary account.

Create an Unsigned Upload Preset

If you don't have one:

1. Sign in to Cloudinary.

2. Go to Settings → Upload → Upload Presets.

3. Create a new preset and set it to Unsigned.

4. Copy the preset name into the component.

Your Cloud Name is available on your Cloudinary Dashboard.

Notes

• Uses your own Cloudinary account.

• No credentials are included.

• API Secrets are never exposed.

• Files remain under your ownership.

• The component does not store or proxy uploads.

Requirements

• Cloudinary account

• Cloud Name

• Unsigned Upload Preset

Perfect For

Contact forms, portfolio submissions, job applications, client uploads, CMS workflows, user profiles, and business websites.

Cloudinary Uploader delivers a seamless, secure, and professional file upload experience that integrates naturally into any Framer project.