61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3bibva_hl5iqy.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3o8r_4s04xi2z.js","/creators-assets/_next/static/immutable/chunks/2fjwvdycfnlp5.js","/creators-assets/_next/static/immutable/chunks/0r10zdsyx-ur2.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/0h4bpdjiu20m1.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3s2zch-ye42_l.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/00ebnw8devfa0.js","/creators-assets/_next/static/immutable/chunks/43086d68m86ee.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kdp38xspo624.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1sugay03d_r-_.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0mq1i7guy9x38.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/16kvwplszpb49.js","/creators-assets/_next/static/immutable/chunks/0mh5jvwc33gcz.js","/creators-assets/_next/static/immutable/chunks/32_fdxpqhpsw-.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/09nuoamhdspq1.js","/creators-assets/_next/static/immutable/chunks/2t30dt_pkt6vy.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3uclgk1u5qk0z.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0lx7q3wrd-vbb.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js"],"S"] 62:Tdfd,

A sophisticated image loading component designed for AI-generated image workflows. It displays a placeholder with customizable loading animations while an image loads, then smoothly transitions to reveal the final image. Perfect for showcasing AI image generation processes with professional loading states.

Features

3 Progress Types: Bar, Donut, and Spinner with contextual controls

Loading Effects: Blur-to-reveal and shimmer effects for smooth transitions

Smart Timing: Configurable start delay and duration with realistic progress simulation

Typography Control: Separate font controls for progress text, percentage, and labels

Color Customization: Progress colors, background colors, and label colors

Accessibility: ARIA progressbar roles with live progress announcements

Performance Optimized: Constants-based code with efficient state management

Contextual UI: Controls only show when relevant to selected progress type

Controls

Image Settings: Image source, object fit options
Loading State: Enable/disable, start delay (0-100s), duration (1-10s)
Loading Effects: Blur (with intensity) or Shimmer (with intensity)
Progress Types: Bar, Donut, or Spinner selection
Bar Controls: Height, radius, vertical gap (when bar selected)
Donut Controls: Size, thickness (when donut selected)
Spinner Controls: Size, thickness (when spinner selected)
Typography: Progress font, percentage font, label font
Colors: Progress color, background color, label color
Labels: Show/hide, temporary label option, custom text
Appearance: Border radius, background color

5c:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-a24c7671-ae64-4fae-bac0-857e9bc512cd-all:/unified/creator/a24c7671-ae64-4fae-bac0-857e9bc512cd/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:a24c7671-ae64-4fae-bac0-857e9bc512cd:/unified/posts/?creator=a24c7671-ae64-4fae-bac0-857e9bc512cd&with=reposts":[{"data":[{"id":"01996513-3133-76f8-971a-a3317139f424","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a24c7671-ae64-4fae-bac0-857e9bc512cd","name":"Khalid Hasan Zibon","slug":"zibon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200814/avatar-Cy84YcOqGkXRgF3LKiMjoH0rZmESQa.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MKHjiiKmYnFS9yQ6Joi6","resolved":true,"title":"Image Loader","body":"$62","bodyJson":null,"introduction":"","slug":"image-loader","author":{"framerUserId":"a24c7671-ae64-4fae-bac0-857e9bc512cd","name":"Khalid Hasan Zibon","slug":"zibon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200814/avatar-Cy84YcOqGkXRgF3LKiMjoH0rZmESQa.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MKHjiiKmYnFS9yQ6Joi6/image-loader-WMAETdb4Rwvda2yNjfaXTIVU5YBuWT","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-11T22:37:15.576Z","updatedAt":"2025-09-19T19:14:58.214Z","publishedAt":"2025-09-20T03:03:00.659Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imageloader.framer.ai/","price":"5","paymentUrl":"https://zibon.lemonsqueezy.com/buy/5848a5fa-f074-4b2c-8a88-4820d92d9ce4","workshop":true,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"rKzSFmECBCaEmFWtBQb6","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":"2025-09-20T03:03:00.659Z","updatedAt":"2025-09-20T03:03:00.659Z"},{"id":"0195cf1c-1017-759c-aa5e-67862b52318c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a24c7671-ae64-4fae-bac0-857e9bc512cd","name":"Khalid Hasan Zibon","slug":"zibon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200814/avatar-Cy84YcOqGkXRgF3LKiMjoH0rZmESQa.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2921","resolved":true,"title":"Zibon.Design","body":null,"bodyJson":null,"introduction":"My personal portfolio website, also working on it to turn this into a template for the Framer Marketplace.","slug":"zibon-zibondesign","author":{"framerUserId":"a24c7671-ae64-4fae-bac0-857e9bc512cd","name":"Khalid Hasan Zibon","slug":"zibon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200814/avatar-Cy84YcOqGkXRgF3LKiMjoH0rZmESQa.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/2921/thumbnail-YuKStCHP4A6I2kAb8dDixYdfQBNxdE.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-03-25T21:01:17.717Z","updatedAt":"2025-03-25T21:01:17.717Z","publishedAt":"2025-03-25T21:01:17.719Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://zibon.design/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"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":"2025-03-25T21:01:17.719Z","updatedAt":"2025-03-25T21:01:17.719Z"},{"id":"0195cf1b-c15e-7faa-928d-9f458c1efec0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a24c7671-ae64-4fae-bac0-857e9bc512cd","name":"Khalid Hasan Zibon","slug":"zibon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200814/avatar-Cy84YcOqGkXRgF3LKiMjoH0rZmESQa.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2918","resolved":true,"title":"Zibon.Design","body":null,"bodyJson":null,"introduction":"My personal portfolio website, also working on it to turn this into a template for the Framer Marketplace.","slug":"zibondesign","author":{"framerUserId":"a24c7671-ae64-4fae-bac0-857e9bc512cd","name":"Khalid Hasan Zibon","slug":"zibon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200814/avatar-Cy84YcOqGkXRgF3LKiMjoH0rZmESQa.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/2918/thumbnail-L7AbTfGcCfu1hHih5xuiAch4GhK5yS.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-03-25T21:00:57.564Z","updatedAt":"2025-03-25T21:00:57.564Z","publishedAt":"2025-03-25T21:00:57.566Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://zibon.design/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"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":"2025-03-25T21:00:57.566Z","updatedAt":"2025-03-25T21:00:57.566Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]