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

Mobile Player is a premium interactive media component designed to showcase content inside a realistic mobile device layout. It allows you to present images, videos, or a combination of both in a smooth vertical viewing experience inspired by modern mobile interfaces.

Built for Framer, the component includes fully customizable property controls so you can easily personalize the experience without editing code. Add media through direct uploads or links, enable autoplay videos, adjust scroll sensitivity, customize the phone frame appearance, toggle video controls, and show or hide the media counter with simple controls inside Framer.

The component is highly flexible — use it as an image-only gallery, a video-only player, or seamlessly combine both media types together. Smooth swipe gestures, drag interactions, and scroll-based navigation create an immersive and polished browsing experience across desktop and mobile devices.

Perfect for modern websites, app previews, portfolios, product showcases, landing pages, and interactive presentations.

Key Features

Display only images, only videos, or mixed media
Fully customizable property controls
Upload media files or use external links
Smooth swipe, drag, and scroll navigation
Adjustable scroll sensitivity
Video autoplay support
Optional video playback controls
Customizable phone frame color
Adjustable phone corner radius
Show or hide media counter
Interactive mobile-style experience
Responsive and touch-friendly design
Premium and minimal visual style
Smooth transitions between media items

Best For

Product showcases
App previews
Portfolio websites
Social media style galleries
Startup landing pages
Creator portfolios
Fashion and photography websites
Video presentations
Interactive hero sections
Modern Framer templates

5a:[["$","$L5d",null,{"post":{"id":"019e26b7-725a-7cef-941a-e818d1d27413","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":"YQeC2MAEAiFsq7HvuuRG","resolved":true,"title":"Mobile Player","body":"$5e","bodyJson":null,"introduction":"Interactive mobile media player","slug":"mobile-player","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/YQeC2MAEAiFsq7HvuuRG/mobile-player-UG1uoSeGVglkn3NErmVj5PY8mOXVws","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-11T11:39:10.367Z","updatedAt":"2026-06-16T12:29:34.005Z","publishedAt":"2026-05-14T13:40:17.114Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mobilegallery.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_1JZvjD9uHGz5cjjo31nioVDDOfeWvEgrLGY5b2qjWFi","workshop":true,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"iBdKtRibEvbIqLHzX2R9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T13:40:17.114Z","updatedAt":"2026-05-14T13:40:17.114Z","reported":false}}],"$L5f"]

Suggested for you