56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:T728,

Add real-time shader effects to any image with a single cursor interaction.

PRISM is a pointer-reactive image shader for Framer built for hero sections, portfolio showcases, product reveals, and any layout that needs a moment of visual surprise. One component, four completely different shader effects — drop in your image, pick Ripple, Liquid, Chromatic, or Pixel, and watch it react to your cursor in real time.

Key Features:

4-in-1 component: Ripple, Liquid, Chromatic, and Pixel effects in a single install
Real-time cursor reactivity with smooth hover transitions
Full control over intensity, radius, speed, and noise
Separate hover strength control for subtle or dramatic reactions
Chromatic aberration and pixel size exposed as individual props
Adjustable border radius and background color
Graceful fallback for static rendering and non-WebGL environments

Controls:

Effect switches between Ripple, Liquid, Chromatic, and Pixel
Intensity controls how strong the visual distortion feels
Radius sets how far the effect spreads from the cursor
Speed adjusts how quickly the effect moves or reacts
Hover controls how much the effect appears on hover
Noise adds texture and organic irregularity to the motion
Chromatic and Pixel Size are effect-specific fine-tuning props

Best For:

Hero sections with interactive image moments
Portfolio and creative agency layouts
Product photography reveals
Editorial and fashion landing pages
Any section where a static image needs more life

53:[["$","$L56",null,{"post":{"id":"019d9669-9106-7f47-a3f1-b5b7fab89e63","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d4d1b990-96ee-4134-b3d2-90779f21991d","name":"Antariksh \"Ryan\" Borgohain","slug":"ryannavisora","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33145/avatar-VA8rsuIfRlJXMfkHCNtwXxX7YP0QHZ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HByKSlfv7yLO6BGO6ieW","resolved":true,"title":"PRISM","body":"$57","bodyJson":null,"introduction":"4-in-1 image shader effect (hover)","slug":"prism","author":{"framerUserId":"d4d1b990-96ee-4134-b3d2-90779f21991d","name":"Antariksh \"Ryan\" Borgohain","slug":"ryannavisora","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33145/avatar-VA8rsuIfRlJXMfkHCNtwXxX7YP0QHZ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/HByKSlfv7yLO6BGO6ieW/prism-4HoXx4DadnXTCdNeBrwwPYOY2diVhf","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-11T08:52:43.019Z","updatedAt":"2026-04-16T13:05:08.180Z","publishedAt":"2026-04-16T13:09:54.054Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://prism.framer.photos/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_yXeJB6OH5ooohgbfgQauijaK8oWnMJWJVxm082gBQtV","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"lvJNNmYdg8gF6nXdYo51","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-16T13:09:54.054Z","updatedAt":"2026-04-16T13:09:54.054Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you