---
title: "Media Bounce — Free Framer component · Best of Framer"
description: "Free Framer component · by Nostromo Studio · Effects. Media Bounce brings the DVD-screensaver bounce to your canvas."
canonical: "https://framer.elliotli.dev/component/media-bounce"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Media Bounce

# Media Bounce

DVD Screensaver Bounce for Media

[View on Framer](https://framer.com/marketplace/components/media-bounce/?via=elliot-li)

![Media Bounce preview image 1](https://framer.elliotli.dev/og/component/media-bounce/db550ae40dfb3534/1600x1200.jpg)

## Summary

Media Bounce brings the DVD-screensaver bounce to your canvas.

## Description

**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

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

## **Refund Policy**

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

## Rank history [How rankings work →](/terms#rankings)

-   All · #6092

## Details

- **Author**: Nostromo Studio
- **Published**: 2026-09-10
- **Updated**: 2026-09-10
- **Added**: 2026-09-10
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo