50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T499,

Create cinematic hero sections with ease

Ken Burns Slideshow brings still images to life with smooth, cinematic motion and polished transitions — directly in Framer.

Perfect for architecture, interiors, photography, portfolios, hospitality, real estate, agencies, and other visually driven websites.

Designed for hero sections and image-led websites, it gives you plenty of creative control while staying simple to customize.

What you can customize

Ken Burns motion and transitions
Slideshow speed and timing
Image positioning and fit
Overlays and directional gradients
Optional captions and slide counter
Circular progress indicator
Pause on hover
Corner radius and styling

Built for Framer

Use your own Framer text, buttons, navigation, and layouts over the slideshow, so you’re not locked into a predefined hero design.

Everything is controlled directly from the Framer properties panel — no code or additional setup required.

52:T8d7,

File Upload Pro for Framer

A powerful file upload component built specifically for native Framer forms. Let visitors drag & drop photos and documents directly into your form, then automatically upload and organize everything in Google Drive or Cloudinary when the form is submitted.

Perfect for project inquiries, quote requests, applications, client onboarding, contact forms, and any Framer site that needs to collect files.

Key Features

• Native Framer form integration

• Google Drive & Cloudinary storage

• Drag & drop or browse to upload

• Single or multiple file uploads

• Automatic folder creation per submission

• Folders named by customer + timestamp

• Automatic image optimization

• Adjustable file size & quantity limits

• Images, documents, or all-file options

• Image thumbnails or file icons

• Individual upload progress indicators

• Real-time upload percentage with Cloudinary

• Remove files before submitting

• 1 or 2-column file layouts

• Optional file cards

• Responsive across desktop, tablet & mobile

• Built-in Design Preview

Customize Directly in Framer

Match the uploader to your website without editing the code. Customize:

• Upload box background & border

• Browse button & text colors

• Cloud icon gradient

• File card background & height

• Thumbnail or file-icon display

• Progress bar & track colors

• 1 or 2-column layout

• File quantity, size & type limits

• Design preview cards & progress state

One Form. One Submit.

Visitors simply fill out your form → attach files → click your normal submit button.

Files are uploaded and automatically organized into personalized folders named with the customer’s name + submission timestamp, then the native Framer form submission continues automatically. No separate upload workflow.

Large images are automatically optimized before upload, while documents remain untouched.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e-all:/unified/creator/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/activity/":[{"data":[{"id":"01a0fe55-37c6-703a-9ab9-2926ffed11ba","type":"component.created","target":{"type":"component","id":"i4DWcVrdsDtgqMG1n54M","preview":"Hero Slideshow Ken B","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/01a0fe54-2ebe-71ae-9a49-037897782305.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T20:36:32.838Z","latestAt":"2026-10-02T20:36:32.838Z"},{"id":"01a0f221-b9f7-7139-8319-5511c84fef19","type":"component.created","target":{"type":"component","id":"Xt06TOoKoPfua1HJsTuz","preview":"FIles Uploader Smart","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/01a0eedd-096a-7573-8944-ceacafc80694.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-30T11:44:51.703Z","latestAt":"2026-09-30T11:44:51.703Z"},{"id":"01a0140b-e944-73e9-8512-2011e478764c","type":"comment.created","target":{"type":"post","id":"019bb20e-85cb-71e5-a31f-6c6d85f364a2","preview":"Free Interactive Map","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/o7wDILFCWJVhyMeWtT7w/free-interactive-map-VywGTwDlSWQHYqVsMjdCjV4bgUOlfb","targetDeleted":false,"owned":false,"actions":{"postId":"019bb20e-85cb-71e5-a31f-6c6d85f364a2","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0140b-e922-715a-bbef-4f4e68645418","preview":"Great product!!! How can I make it to work for tablet or phone? It disappears when I try to change the size","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great product!!! How can I make it to work for tablet or phone? It disappears when I try to change the size"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019bb20e-85cb-71e5-a31f-6c6d85f364a2","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0140b-e922-715a-bbef-4f4e68645418"},"repost":null}},"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T08:45:20.068Z","latestAt":"2026-08-18T08:45:20.068Z"},{"id":"019fb77d-8614-71a8-b6d8-a697d5ffab6b","type":"creator.followed","target":{"type":"creator","id":"e384faea-043f-4f5c-bd25-070ec91488d7","preview":"FramerGeeks","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/65683/avatar-DpmNXlAfqaNbZuhHKKWXXcPtwRkgYh.jpg","slug":"framergeeks","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-31T09:24:44.681Z","latestAt":"2026-07-31T09:24:44.681Z"},{"id":"019facba-4071-76fd-bc3c-0a4c20bb9c03","type":"comment.created","target":{"type":"post","id":"019cd510-e943-7010-9a4a-3bd0734a4c05","preview":"reCAPTCHA v3","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xs0YZLLwG4jPpmTqKdNA/recaptcha-v3-1p8Ct7rwZmxrBrSvjKWsRzGD1f36Ti","targetDeleted":false,"owned":false,"actions":{"postId":"019cd510-e943-7010-9a4a-3bd0734a4c05","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019facba-4043-7395-95d8-fd11c351ac5d","preview":"Is there any way this code that we get with the inquiry to be automatically checked without checking it manually?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Is there any way this code that we get with the inquiry to be automatically checked without checking it manually?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019cd510-e943-7010-9a4a-3bd0734a4c05","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019facba-4043-7395-95d8-fd11c351ac5d"},"repost":null}},"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T07:15:15.185Z","latestAt":"2026-07-29T07:15:15.185Z"},{"id":"019f5ad5-95b4-7489-a10f-10d31d1519bc","type":"creator.followed","target":{"type":"creator","id":"e04d7330-3f39-489b-aa25-3988328fdbd6","preview":"Mamun Hossain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e04d7330-3f39-489b-aa25-3988328fdbd6/gef1l2lh","slug":"mamun-hossain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T09:36:14.767Z","latestAt":"2026-07-13T09:36:14.767Z"},{"id":"019f4ba0-f82f-759b-8faa-a7cff7053f83","type":"comment.created","target":{"type":"post","id":"019b7414-dbac-7750-a931-723dc9bec4a9","preview":"LightboxPro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ASBc1ef9xwzJm1V821Fk/lightboxpro-5ViX5lMQAe2HW87OYROadrmokSXRHg","targetDeleted":false,"owned":false,"actions":{"postId":"019b7414-dbac-7750-a931-723dc9bec4a9","like":{"count":75,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4ba0-f819-776c-b824-a5519a4065e1","preview":"How to install that? I can't see the code anymore - it gave it to me once and now I have to buy it again to see the code?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How to install that? I can't see the code anymore - it gave it to me once and now I have to buy it again to see the code?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019b7414-dbac-7750-a931-723dc9bec4a9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4ba0-f819-776c-b824-a5519a4065e1"},"repost":null}},"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T10:44:28.335Z","latestAt":"2026-07-10T10:44:28.335Z"},{"id":"019efd9a-e9df-718f-ad5d-1a4674350be8","type":"comment.created","target":{"type":"post","id":"0190a4c7-fbee-7561-906c-fe9a26ea8926","preview":"Habitate","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/46492/lift-lXWOdaCrPAUhYDaGq35Y1U1XV9uVZg","targetDeleted":false,"owned":false,"actions":{"postId":"0190a4c7-fbee-7561-906c-fe9a26ea8926","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019efd9a-e9c5-70a2-b81c-23f4fa009e34","preview":"Hey Dean. You had a website similar to this one that was bigger with separate pages for each section - not just a landing page. I can't find it on your profile. Do you still offer it somewhere?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Dean. You had a website similar to this one that was bigger with separate pages for each section - not just a landing page. I can't find it on your profile. Do you still offer it somewhere?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"0190a4c7-fbee-7561-906c-fe9a26ea8926","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019efd9a-e9c5-70a2-b81c-23f4fa009e34"},"repost":null}},"actors":[{"id":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","slug":"iva-bereson","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T07:07:28.607Z","latestAt":"2026-06-25T07:07:28.607Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e:/unified/posts/?creator=45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e&with=reposts":[{"data":[{"id":"01a0fe55-359f-719f-8d47-a14e4dda938d","title":null,"body":"

Just launched Ken Burns Slideshow 🎞️

Create smooth, cinematic image heroes in Framer with customizable motion, transitions, overlays, and progress indicators.

Add your images, customize, and make it yours.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Ken Burns Slideshow","marks":[{"type":"bold"}]},{"type":"text","text":" 🎞️ "}]},{"type":"paragraph","content":[{"type":"text","text":"Create smooth, cinematic image heroes in Framer with customizable motion, transitions, overlays, and progress indicators."}]},{"type":"paragraph","content":[{"type":"text","text":"Add your images, customize, and make it yours."}]}]},"author":{"framerUserId":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","slug":"iva-bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","followed":false,"followsYou":false},"media":[],"resources":[{"id":"i4DWcVrdsDtgqMG1n54M","resolved":true,"title":"Hero Slideshow Ken B","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Create cinematic hero sections with ease"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Ken Burns Slideshow","marks":[{"type":"bold"}]},{"type":"text","text":" brings still images to life with smooth, cinematic motion and polished transitions — directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"architecture, interiors, photography, portfolios, hospitality, real estate, agencies, and other visually driven websites.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for hero sections and image-led websites, it gives you plenty of creative control while staying simple to customize."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ken Burns motion and transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slideshow speed and timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image positioning and fit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlays and directional gradients"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional captions and slide counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circular progress indicator"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pause on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner radius and styling"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Use your own Framer text, buttons, navigation, and layouts over the slideshow, so you’re not locked into a predefined hero design."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is controlled directly from the Framer properties panel — "},{"type":"text","text":"no code or additional setup required.","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"introduction":"Cinematic Hero Image Slideshow","slug":"hero-slideshow-ken-b","author":{"framerUserId":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","slug":"iva-bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/01a0fe54-2ebe-71ae-9a49-037897782305.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1798,"height":1201}}],"post":null,"createdAt":"2026-10-02T20:36:31.707Z","updatedAt":"2026-10-03T10:43:57.723Z","publishedAt":"2026-10-02T20:36:31.705Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://kenburnsslideshow.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/V8hhxrnk-ken-burns-hero-slideshow","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"frCEzWCzX8YeYZS8eBEE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T20:36:32.287Z","updatedAt":"2026-10-02T20:36:32.287Z"},{"id":"01a0f221-b7c2-72ba-bb15-adc347569fb0","title":null,"body":"

Just launched File Upload Pro for Framer 🎉

A customizable file uploader for native Framer forms with Google Drive + Cloudinary integration, personalized folders, image optimization, upload progress, and responsive design.

Built for project inquiries, quote requests, applications, client onboarding, and more.

Now available on Contra.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"File Upload Pro for Framer","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"A customizable file uploader for native Framer forms with "},{"type":"text","text":"Google Drive + Cloudinary integration, personalized folders, image optimization, upload progress, and responsive design","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for project inquiries, quote requests, applications, client onboarding, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Now available on Contra."}]}]},"author":{"framerUserId":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","slug":"iva-bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Xt06TOoKoPfua1HJsTuz","resolved":true,"title":"FIles Uploader Smart","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"File Upload Pro for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A powerful file upload component built specifically for native Framer forms. Let visitors drag & drop photos and documents directly into your form, then automatically upload and organize everything in "},{"type":"text","text":"Google Drive or Cloudinary","marks":[{"type":"bold"}]},{"type":"text","text":" when the form is submitted."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"project inquiries, quote requests, applications, client onboarding, contact forms","marks":[{"type":"bold"}]},{"type":"text","text":", and any Framer site that needs to collect files."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Native Framer form integration "}]},{"type":"paragraph","content":[{"type":"text","text":"• Google Drive & Cloudinary storage "}]},{"type":"paragraph","content":[{"type":"text","text":"• Drag & drop or browse to upload "}]},{"type":"paragraph","content":[{"type":"text","text":"• Single or multiple file uploads "}]},{"type":"paragraph","content":[{"type":"text","text":"• Automatic folder creation per submission "}]},{"type":"paragraph","content":[{"type":"text","text":"• Folders named by customer + timestamp "}]},{"type":"paragraph","content":[{"type":"text","text":"• Automatic image optimization "}]},{"type":"paragraph","content":[{"type":"text","text":"• Adjustable file size & quantity limits "}]},{"type":"paragraph","content":[{"type":"text","text":"• Images, documents, or all-file options "}]},{"type":"paragraph","content":[{"type":"text","text":"• Image thumbnails or file icons "}]},{"type":"paragraph","content":[{"type":"text","text":"• Individual upload progress indicators "}]},{"type":"paragraph","content":[{"type":"text","text":"• Real-time upload percentage with Cloudinary "}]},{"type":"paragraph","content":[{"type":"text","text":"• Remove files before submitting "}]},{"type":"paragraph","content":[{"type":"text","text":"• 1 or 2-column file layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional file cards "}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive across desktop, tablet & mobile "}]},{"type":"paragraph","content":[{"type":"text","text":"• Built-in Design Preview"}]},{"type":"customHeading","content":[{"type":"text","text":"Customize Directly in Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Match the uploader to your website without editing the code. Customize:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Upload box background & border "}]},{"type":"paragraph","content":[{"type":"text","text":"• Browse button & text colors "}]},{"type":"paragraph","content":[{"type":"text","text":"• Cloud icon gradient "}]},{"type":"paragraph","content":[{"type":"text","text":"• File card background & height "}]},{"type":"paragraph","content":[{"type":"text","text":"• Thumbnail or file-icon display "}]},{"type":"paragraph","content":[{"type":"text","text":"• Progress bar & track colors "}]},{"type":"paragraph","content":[{"type":"text","text":"• 1 or 2-column layout "}]},{"type":"paragraph","content":[{"type":"text","text":"• File quantity, size & type limits "}]},{"type":"paragraph","content":[{"type":"text","text":"• Design preview cards & progress state"}]},{"type":"customHeading","content":[{"type":"text","text":"One Form. One Submit."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Visitors simply "},{"type":"text","text":"fill out your form → attach files → click your normal submit button.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Files are uploaded and automatically organized into "},{"type":"text","text":"personalized folders named with the customer’s name + submission timestamp","marks":[{"type":"bold"}]},{"type":"text","text":", then the native Framer form submission continues automatically. No separate upload workflow."}]},{"type":"paragraph","content":[{"type":"text","text":"Large images are automatically optimized before upload, while documents remain untouched."}]}]},"introduction":"Files Uploader for Framer Forms","slug":"files-uploader-smart","author":{"framerUserId":"45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e","name":"Iva Bereson","slug":"iva-bereson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/esqidyom","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45ed3163-af2d-4ca2-ba4a-1a76bee7bf0e/01a0eedd-096a-7573-8944-ceacafc80694.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1357,"height":1116}}],"post":null,"createdAt":"2026-09-30T11:44:50.556Z","updatedAt":"2026-09-30T13:32:43.646Z","publishedAt":"2026-09-30T11:44:50.554Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://uploadfilesivbstudio.framer.website/","price":"20","paymentUrl":"https://contra.com/payment-link/CTnhxxd7-file-uploader-pro-for-framer","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"zzu3BDUighiMKD1ena8w","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T11:44:51.138Z","updatedAt":"2026-09-30T11:44:51.138Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]