5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T919,

How to use it: It’s completely plug-and-play. Just drag and drop the component onto your canvas, resize it to fit any section, upload your images, and watch it come to life. No coding required!Images are included by default in the component, so you can quickly get started—simply select the image layer and replace it with your own to match your use case, then adjust the fit or position if needed.

1. 🎯 Where can I use this component?

Because it scales automatically to fit its container (just resize it and use it!), this component is incredibly versatile:

Photography & Art Portfolios: Showcase dozens of your best shots in a single, mesmerizing hero section without forcing the user to click through a boring slider.
Event & Festival Websites: Create high-energy landing pages by filling the vortex with photos of crowds, artists, and past events.
Agency Hero Sections: Use it as a bold, moving background behind your main headline to instantly grab visitors' attention.
Team / "About Us" Pages: Swap the images for team headshots floating dynamically in the background.

2. ✨ Features

🌪️ Infinite Vortex Animation: Images continuously spawn from the edges, rotating and scaling down as they are "sucked" into the center.
🖼️ Custom Image Arrays: Easily upload your own images directly in the Framer properties panel (defaults to beautiful placeholders if left empty).
⏱️ Deep Animation Controls: Fine-tune the exact speed of the overall vortex rotation, as well as the minimum and maximum travel time for individual images.
📱 Smart Mobile Responsiveness: Built-in mobile settings allow you to automatically reduce the number of images and shrink the image size on smaller screens, ensuring perfect performance and visibility on phones.
📐 Auto-Scaling: Just resize the component on your Framer canvas and the math calculates the perfect spawn distance automatically.

5a:[["$","$L5d",null,{"post":{"id":"019d2b18-859d-7be5-a50a-adf3dcbeec40","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e5025468-04a7-411b-90ae-a63de3d59027","name":"monirul polash","slug":"monirul-polash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432707/avatar-zwt0u4qGnwYKIyCsSlMVex7EB6hYal.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Y1FrkMMLtfWEEJiWvN3E","resolved":true,"title":"Vortex Gallery","body":"$5e","bodyJson":null,"introduction":"Cinematic Vortex Gallery ","slug":"vortex-gallery","author":{"framerUserId":"e5025468-04a7-411b-90ae-a63de3d59027","name":"monirul polash","slug":"monirul-polash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432707/avatar-zwt0u4qGnwYKIyCsSlMVex7EB6hYal.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Y1FrkMMLtfWEEJiWvN3E/vortex-gallery-PPtEivCuWbz3vfUWiuGtRYM5xxbuAU","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-09T21:09:49.903Z","updatedAt":"2026-03-26T14:01:08.154Z","publishedAt":"2026-03-26T17:02:00.605Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://vortexgallery.framer.website/","price":"7","paymentUrl":"https://shadestore.lemonsqueezy.com/checkout/buy/2382352f-192f-4dff-8bf2-cde49ce35096","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"pljkkjyUwH6V6eyd2581","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-26T17:02:00.605Z","updatedAt":"2026-03-26T17:02:00.605Z","reported":false}}],"$L5f"]

Suggested for you