5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T9e6,

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

Copy the Cloudinary Uploader component into your Framer project.
Select the component and open the Properties panel.
Enter your Cloud Name and Unsigned Upload Preset under the Cloudinary section.
You're ready to upload files directly to your Cloudinary account.

Create an Unsigned Upload Preset

If you don't have one:

Sign in to Cloudinary.
Go to Settings → Upload → Upload Presets.
Create a new preset and set it to Unsigned.
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.

For Support

injamulhaquesomrat@gmail.com

5a:[["$","$L5d",null,{"post":{"id":"019fa258-9289-738b-ab67-2858ac86b425","title":null,"body":"

I build an useful components for daily usage with no cost, no api. Simple setup, full customization.

Try it and give me feedback.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I build an useful components for daily usage with no cost, no api. Simple setup, full customization. "}]},{"type":"paragraph","content":[{"type":"text","text":"Try it and give me feedback."}]}]},"author":{"framerUserId":"4fcc85f2-c72a-45dd-9954-e95d3d91e65a","name":"Injamul Haque Somrat","slug":"injamulhaquesomrat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/kcvnp6ty","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wGxu9n4jm7Y7vSTcwWz2","resolved":true,"title":"Cloudinary Uploader","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Cloudinary Uploader"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Direct uploads to your Cloudinary account"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag-and-drop and file picker support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images, videos, PDFs, and other file types"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Single or multiple file uploads"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic or manual upload modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time upload status"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"File size and type validation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image previews and PDF support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive and accessible design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Forms compatible"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No API keys exposed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy setup with just two Cloudinary values"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the "},{"type":"text","text":"Cloudinary Uploader","marks":[{"type":"bold"}]},{"type":"text","text":" component into your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select the component and open the "},{"type":"text","text":"Properties","marks":[{"type":"bold"}]},{"type":"text","text":" panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter your "},{"type":"text","text":"Cloud Name","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Unsigned Upload Preset","marks":[{"type":"bold"}]},{"type":"text","text":" under the "},{"type":"text","text":"Cloudinary","marks":[{"type":"bold"}]},{"type":"text","text":" section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"You're ready to upload files directly to your Cloudinary account."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Create an Unsigned Upload Preset"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you don't have one:"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sign in to Cloudinary."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Go to "},{"type":"text","text":"Settings → Upload → Upload Presets","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create a new preset and set it to "},{"type":"text","text":"Unsigned","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the preset name into the component."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Your "},{"type":"text","text":"Cloud Name","marks":[{"type":"bold"}]},{"type":"text","text":" is available on your Cloudinary Dashboard."}]},{"type":"customHeading","content":[{"type":"text","text":"Notes"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Uses your own Cloudinary account."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No credentials are included."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"API Secrets are never exposed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Files remain under your ownership."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The component does not store or proxy uploads."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Requirements"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cloudinary account"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cloud Name"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unsigned Upload Preset"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Contact forms, portfolio submissions, job applications, client uploads, CMS workflows, user profiles, and business websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Cloudinary Uploader delivers a seamless, secure, and professional file upload experience that integrates naturally into any Framer project."}]},{"type":"customHeading","content":[{"type":"text","text":"For Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"injamulhaquesomrat@gmail.com","marks":[{"type":"code"}]}]}]},"introduction":"Best Uploader with Customization","slug":"cloudinary-uploader","author":{"framerUserId":"4fcc85f2-c72a-45dd-9954-e95d3d91e65a","name":"Injamul Haque Somrat","slug":"injamulhaquesomrat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/kcvnp6ty","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/019fa256-a50f-7018-8a16-8e508f0fd052.png","metadata":{"tint":{"h":240,"s":50,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-27T06:52:21.136Z","updatedAt":"2026-09-08T03:08:21.937Z","publishedAt":"2026-07-27T06:52:21.128Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cloudinaryfileuploader.framer.website","price":"13","paymentUrl":"https://contra.com/payment-link/l1q8w1dN-cloudinary-based-framer-file-uploader","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"ICxkmuuj29WdBuwYIQGN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T06:52:21.514Z","updatedAt":"2026-07-27T06:52:21.514Z","reported":false}}],"$L5f"]

Suggested for you