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

Media Bounce brings the DVD-screensaver bounce to your canvas. An image or video drifts across the frame, bounces off every edge, and swaps to the next item in your list, on a loop.

Three things make it yours:

Choose how often it swaps — every bounce, or every 2 to 10.
Freely mix images and videos in one list; swaps jump from photo to clip.
Size each item your way — uniform, or a Custom Size per item for mixed ratios.

It bends to your look: a solid fill, image, or video background (upload or URL, with poster and opacity), adjustable speed, rounded frame and media corners, an optional border, and pause on hover.

Key Features

Motion

An image or video drifts and bounces edge to edge, DVD-screensaver style
Random start position, direction, and angle on every load
Adjustable speed, optional pause on hover, corner-aware bounce

Media

Upload a file or paste a URL for every image, video, and poster
Global Media Width and Height, with an optional Custom Size per item
Media is clamped to the frame — it never overflows or gets cut

Background & Frame

Solid Fill color, or an Image or Video background, by upload or URL
Fill opacity and an optional poster behind the media
Separate radius for frame and media
Optional border with color, width, and style

Performance

Images and posters preload, and the next video buffers ahead, so swaps never flash
Videos are muted, loop, and pause when scrolled out of view
Plain static preview on the canvas; keep video files light

How to Set Up

Drag Media Bounce onto your canvas and size the frame
Add images and videos under Media, set Media Width/Height
Pick a Background — Color, Image, or Video — and set the Fill
Publish

Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

5a:[["$","$L5d",null,{"post":{"id":"01a08b7c-63ad-7289-85b8-cb2d903d701c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"minJ6EUnaMr411CpRVUo","resolved":true,"title":"Media Bounce","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Media Bounce","marks":[{"type":"bold"}]},{"type":"text","text":" brings the DVD-screensaver bounce to your canvas. An image or video drifts across the frame, bounces off every edge, and swaps to the next item in your list, on a loop."}]},{"type":"paragraph","content":[{"type":"text","text":"Three things make it yours","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose how often it swaps — every bounce, or every 2 to 10."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freely mix images and videos in one list; swaps jump from photo to clip."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Size each item your way — uniform, or a Custom Size per item for mixed ratios."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"It bends to your look: a solid fill, image, or video background (upload or URL, with poster and opacity), adjustable speed, rounded frame and media corners, an optional border, and pause on hover."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Motion"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An image or video drifts and bounces edge to edge, DVD-screensaver style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Random start position, direction, and angle on every load"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable speed, optional pause on hover, corner-aware bounce"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Media"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload a file or paste a URL for every image, video, and poster"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global Media Width and Height, with an optional Custom Size per item"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media is clamped to the frame — it never overflows or gets cut"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Background & Frame"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid Fill color, or an Image or Video background, by upload or URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fill opacity and an optional poster behind the media"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate radius for frame and media"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional border with color, width, and style"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Performance"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images and posters preload, and the next video buffers ahead, so swaps never flash"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Videos are muted, loop, and pause when scrolled out of view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plain static preview on the canvas; keep video files light"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Media Bounce onto your canvas and size the frame"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add images and videos under Media, set Media Width/Height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a Background — Color, Image, or Video — and set the Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"DVD Screensaver Bounce for Media","slug":"media-bounce","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a08b7c-4908-71dc-b527-24b9035d9341.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-10T13:22:59.611Z","updatedAt":"2026-09-10T13:49:32.469Z","publishedAt":"2026-09-10T13:22:59.609Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/MediaBounce-ebwaO8.js@AJV1q9pK7jhSCOUFNAaf","previewUrl":"https://mediabounce.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"AJV1q9pK7jhSCOUFNAaf","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-09-10T13:23:00.141Z","updatedAt":"2026-09-10T13:23:00.141Z","reported":false}}],"$L5f"]

Suggested for you