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

Fluid Media transforms any image or video into a living, interactive surface. Pointer motion generates velocity‑driven waves and subtle chromatic splits—cinematic depth with modern, responsive performance.

What You’ll Get

High‑impact, pointer‑reactive refraction and ripple effects
Setup in minutes—supports image or video with graceful fallback
GPU‑accelerated rendering designed for responsiveness

Customize in Minutes

Input: choose video or image, add poster for low‑power fallback
Fluid: tune dpr, dissipation, forceBias, and radius
Look: adjust distortionStrength and chromaticStrength

Controls

mediaType — video or image
loading — Element to display before media is loaded
video — Video URL (when using video input)
poster — Fallback image for low‑power mode
loop — Loop playback for videos
image — Image URL (when using image input)
dpr — Resolution scale for performance/quality balance
dissipation — Trail fade speed; higher = faster decay
forceBias — Input force multiplier (ripple strength)
radius — Interaction radius (ripple size)
distortionStrength — Refractive offset intensity
chromaticStrength — RGB split intensity

Perfect For

Hero media with expressive, living‑surface effects
Product imagery that reacts to cursor/touch
Event/fashion/creative tech landing pages
Portfolios seeking premium shader aesthetics

Why It Converts

Instantly grabs attention with motion that feels physical
Calibrated controls keep the message clear and on‑brand
Works across devices with considered performance and fallback
Built for Framer—no custom code required

Quick Start

Place the component and set mediaType (video or image)
Provide video or image and a poster if needed
Tune distortionStrength and chromaticStrength
Adjust dpr, dissipation, forceBias, and radius for feel
Preview and publish

5a:[["$","$L5d",null,{"post":{"id":"0199e751-777c-74b2-8b65-779ebeb78240","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5e8da349-b593-4c28-8cdf-3530a0062349","name":"FunTech Inc.","slug":"funtech","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/442429/avatar-t6Q2uE9AuBkFWaqehGf7xaJrlEFQBr.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"cpMXISP6oy4Vp05NMUJ8","resolved":true,"title":"Fluid Media","body":"$5e","bodyJson":null,"introduction":"","slug":"fluid-media","author":{"framerUserId":"5e8da349-b593-4c28-8cdf-3530a0062349","name":"FunTech Inc.","slug":"funtech","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/442429/avatar-t6Q2uE9AuBkFWaqehGf7xaJrlEFQBr.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cpMXISP6oy4Vp05NMUJ8/fluid-media-Z0BehjgcEM1tAbUUn1Z8czhHNghOr6","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-01T04:37:38.737Z","updatedAt":"2025-10-15T09:12:56.971Z","publishedAt":"2025-10-15T10:01:39.964Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://generic-whoever-345282.framer.app/","price":"10","paymentUrl":"https://funtech.lemonsqueezy.com/buy/ccca8ef8-28bc-48b0-8dd9-ce6c9a99eaa5","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"fy2E0R1bU63wWU2W9BwR","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":"2025-10-15T10:01:39.964Z","updatedAt":"2025-10-15T10:01:39.964Z","reported":false}}],"$L5f"]

Suggested for you