---
title: "Motion Ambient — Framer component · Best of Framer"
description: "$10.00 · Framer component · by mnfst-studio · Cards. Overview Motion Ambient is a CMS-friendly Framer component for building interactive media cards with hover-triggered slideshows,…"
canonical: "https://framer.elliotli.dev/component/motion-ambient"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Motion Ambient

# Motion Ambient

CMS slideshow card with glow

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

![Motion Ambient preview image 1](https://framer.elliotli.dev/og/component/motion-ambient/6c666951a0cab7ff/1600x1200.jpg)

## Summary

Overview Motion Ambient is a CMS-friendly Framer component for building interactive media cards with hover-triggered slideshows, ambient lighting, tilt, and responsive reveal…

## Description

## Overview

**Motion Ambient** is a CMS-friendly Framer component for building interactive media cards with hover-triggered slideshows, ambient lighting, tilt, and responsive reveal behavior.

Designed for portfolios, editorial layouts, featured stories, and creative showcases, it supports both CMS-bound content and manually uploaded media. Use it to create more expressive thumbnails, hero cards, and media-driven layouts without building the interaction system from scratch.

## What it does

Motion Ambient turns a static media card into a more dynamic preview experience. On hover or focus, cards can trigger slideshow playback, ambient lighting, border changes, tilt, and overlay motion. On mobile and tablet, the component can reveal content when the card enters view for a more touch-friendly experience.

## Features

-   CMS-friendly Framer component
    
-   Supports both image and video content
    
-   Works with CMS variables or manual media uploads
    
-   Hover-triggered slideshow behavior
    
-   Multiple transition styles including fade, instant, slide, and push
    
-   Adjustable slideshow duration and timing
    
-   Ambient lighting with blur, spread, intensity, saturate, and brightness controls
    
-   3D tilt controls
    
-   Overlay can follow the cursor or remain stationary
    
-   Border radius, border color, and border visibility controls
    
-   Supports CMS color variables for border styling
    
-   Aspect ratio and media alignment controls
    
-   Video mute / unmute behavior on focus
    
-   Responsive reveal behavior for mobile and tablet
    
-   Flexible enough for grids, hero cards, and split compositions
    

## Perfect for

-   Creative agencies
    
-   Photographers
    
-   Videographers
    
-   Design portfolios
    
-   Editorial and fashion sites
    
-   Brand showcases
    
-   Campaign landing pages
    
-   Art direction case studies
    
-   CMS-driven galleries and collections
    

Motion Ambient is built for designers who want more atmosphere and motion in their content cards while keeping the setup flexible. It gives you a wide range of controls for interaction, media presentation, and styling, making it easy to adapt across different layouts and visual directions.

## Live demo

See the component in action:

[https://cmsmotion-demo.framer.website/motion-ambient-demo](https://cmsmotion-demo.framer.website/motion-ambient-demo)

framer component being demonstrated

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

-   All · #6525

## Details

- **Author**: mnfst-studio
- **Price**: $10.00
- **Published**: 2026-04-07
- **Updated**: 2026-04-07
- **Added**: 2026-03-18
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards