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:T78f,

Gravity Gallery is an interactive physics-based image component that transforms traditional galleries into playful, dynamic experiences. Images fall naturally with realistic gravity, bounce against edges, collide with movement, and can be dragged or thrown using mouse or touch interactions. Designed for modern websites and creative portfolios, it adds motion, personality, and engagement to any layout while remaining fully customizable.

Built for smooth performance and responsive interaction, Gravity Gallery combines animation and user input to create a visually immersive gallery experience that feels alive. Whether used for portfolios, product showcases, moodboards, hero sections, or experimental interfaces, it instantly makes content more interactive and memorable.

Key Features

Realistic gravity-based image physics
Drag, throw, and interact with images naturally
Smooth bounce and collision animations
Mouse and touch support for desktop and mobile
Fully customizable gravity, friction, and throw force
Adjustable image sizes and border radius
Responsive canvas rendering with optimized performance
Upload images directly or use external image URLs
Dynamic motion with randomized positioning and rotation
Customizable background colors for seamless design matching
Lightweight interactive gallery experience for modern websites

Best For

Creative portfolios
Hero sections
Interactive landing pages
Image showcases
Product galleries
Photography websites
Fashion and branding websites
Experimental web experiences
Modern Framer projects
Agency and studio websites

5a:[["$","$L5d",null,{"post":{"id":"019e7d7d-8afd-76d9-9ff8-59b30021ea89","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f1605d16-3738-4772-8b1f-960f69e43c1f","name":"Mohd Qasim","slug":"mohd-qasim","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1578570/avatar-vEAMaKseGusvLs3cBK3fTMKwFnWzh1.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AJ5a3DhuHe4FoVhdI1W1","resolved":true,"title":"Gravity Gallery","body":"$5e","bodyJson":null,"introduction":"Interactive falling image gallery","slug":"gravity-gallery","author":{"framerUserId":"f1605d16-3738-4772-8b1f-960f69e43c1f","name":"Mohd Qasim","slug":"mohd-qasim","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1578570/avatar-vEAMaKseGusvLs3cBK3fTMKwFnWzh1.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/AJ5a3DhuHe4FoVhdI1W1/gravity-gallery-8zOj3CimDwaTG5sMb2RRxAEOwbGbsq","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-18T12:13:55.733Z","updatedAt":"2026-06-16T12:28:56.490Z","publishedAt":"2026-05-31T10:04:00.125Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gravitygallery.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_bw9dWglUryClqmwnpGxpD4CRlzDswebMFL54a4JfJ1X","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"YnrOXCvu1klcPp8YHqKW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T10:04:00.125Z","updatedAt":"2026-05-31T10:04:00.125Z","reported":false}}],"$L5f"]

Suggested for you