50:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T5d3,

This is the image hover effect I wish Framer had by default.

Turn two images into one liquid transition.

Meet Liquid Image Hover - WebGL Image Morph ✦

Upload Image A + Image B → hover → watch them melt, distort, and transform into each other.

Built for: Architecture · Fashion · Product · Photography · Portfolios · Creative websites

No code. No setup. Just drop it in.

🔥 FREE during launch

Try it here → This is the image hover effect I wish Framer had by default.

Turn two images into one liquid transition.

Meet Liquid Image Hover — WebGL Image Morph ✦

Upload Image A + Image B → hover → watch them melt, distort, and transform into each other.

Built for: Architecture · Fashion · Product · Photography · Portfolios · Creative websites

No code. No setup. Just drop it in.

🔥 FREE during launch

Try it here → https://liquidimagehover.framer.website/

#Framer #FramerComponents #WebGL #ImageHover #LiquidEffect #WebDesign

52:T81b,

Make images melt into each other.

Liquid Image Hover is a premium WebGL image hover effect for Framer that transforms one image into another through a smooth, fluid liquid morph, distortion and displacement transition.

Upload two images, drop the component onto your Framer canvas, and hover.

No code required.

✦ Features

Two-image morph Transition between a primary image and a second image with an organic liquid effect.

WebGL image distortion Hardware-accelerated rendering creates a more fluid visual than a standard CSS hover animation.

Cursor-reactive interaction Movement influences the distortion so the transition feels alive rather than simply fading.

Fully responsive Resize the Framer component freely and the effect adapts to the frame.

Framer controls Change your images, distortion strength, transition speed, cursor influence and corner radius directly from the properties panel.

Touch support Tap to trigger the interaction on touch devices.

No coding required Drop it in, choose your images, and you're done.

Perfect for

Creative portfolios Architecture websites Interior design Photography Fashion Luxury brands Product showcases Creative agencies Case studies Landing pages Editorial websites Interactive galleries

How it works

1. Add the component Drag Liquid Image Hover into your Framer project.

2. Choose two images Set Image A and Image B from the properties panel.

3. Tune the effect Adjust liquid distortion, transition speed and cursor influence.

4. Hover.

Watch one image melt into the next.

Built for Framer

Responsive · WebGL · Interactive · Touch-ready · Zero code

Free during the launch period.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-be831959-3afc-4c5b-b2a0-2bf6c42db415-all:/unified/creator/be831959-3afc-4c5b-b2a0-2bf6c42db415/activity/":[{"data":[{"id":"01a10446-40f0-770b-a27c-7b6718fa653f","type":"comment.liked","target":{"type":"comment","id":"01a101fe-d121-7136-94ec-bce34bbd6b6b","preview":"Like the idea.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Like the idea."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a101fe-d121-7136-94ec-bce34bbd6b6b"},"repost":null}},"context":{"type":"post","id":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","preview":"Fluid Image Morph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a10065-8a86-74cb-b33c-2056cd0eaf87.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T00:17:55.435Z","latestAt":"2026-10-04T00:17:55.435Z"},{"id":"01a10446-1179-7575-9f73-afe9b4620cea","type":"comment.reply","target":{"type":"post","id":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","preview":"Fluid Image Morph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a10065-8a86-74cb-b33c-2056cd0eaf87.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a10446-1157-774a-bcb8-8feb02b29646","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a101fe-d121-7136-94ec-bce34bbd6b6b"},"repost":null}},"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T00:17:43.289Z","latestAt":"2026-10-04T00:17:43.289Z"},{"id":"01a1006a-0dbf-77ce-b8dd-1e47f2421a00","type":"component.created","target":{"type":"component","id":"PutCFyHq5iFFNH8EKFKt","preview":"Fluid Image Morph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a10065-8a86-74cb-b33c-2056cd0eaf87.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T06:18:32.767Z","latestAt":"2026-10-03T06:18:32.767Z"},{"id":"01a0dc30-f57b-7627-80b0-c0e913991db4","type":"component.created","target":{"type":"component","id":"mymv0lf3wWemBZ22xPE7","preview":"Luxury Auto Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a0dc2e-ee76-74fc-96bd-0b075888d39f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-26T05:29:51.227Z","latestAt":"2026-09-26T05:29:51.227Z"},{"id":"01a0bf20-05f0-7103-9a00-bd17400b1300","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/1j68mb2i","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T14:02:22.059Z","latestAt":"2026-09-20T14:02:22.059Z"},{"id":"01a0bf1f-e492-752d-bd6c-ef6f2d55a996","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T14:02:13.513Z","latestAt":"2026-09-20T14:02:13.513Z"},{"id":"01a0bf1e-62ff-732e-bd81-aa38610568ca","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T14:00:39.337Z","latestAt":"2026-09-20T14:00:39.337Z"},{"id":"01a0bf1e-38ed-755a-ad11-ae038e822deb","type":"comment.reply","target":{"type":"post","id":"01a0b985-d132-76be-ac3f-ca539f741622","preview":"What-If Calculator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a0b981-f697-718e-bc64-24d82ccb772c.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b985-d132-76be-ac3f-ca539f741622","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0bf1e-38c9-730b-8669-a053a5a061cc","preview":"THANK YOU!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"THANK YOU!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0b985-d132-76be-ac3f-ca539f741622","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0badc-276d-74ce-a679-b82d1d8fa57a"},"repost":null}},"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T14:00:24.045Z","latestAt":"2026-09-20T14:00:24.045Z"},{"id":"01a0bf1e-1537-73cb-926c-858b40f31896","type":"comment.liked","target":{"type":"comment","id":"01a0badc-276d-74ce-a679-b82d1d8fa57a","preview":"Sharp","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sharp"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0b985-d132-76be-ac3f-ca539f741622","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0badc-276d-74ce-a679-b82d1d8fa57a"},"repost":null}},"context":{"type":"post","id":"01a0b985-d132-76be-ac3f-ca539f741622","preview":"What-If Calculator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a0b981-f697-718e-bc64-24d82ccb772c.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b985-d132-76be-ac3f-ca539f741622","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T14:00:14.758Z","latestAt":"2026-09-20T14:00:14.758Z"},{"id":"01a0b985-d379-700a-8c9f-6771cf5aa186","type":"component.created","target":{"type":"component","id":"R5DvfEAt6ekxAcK29W9R","preview":"What-If Calculator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a0b981-f697-718e-bc64-24d82ccb772c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","slug":"dhruv-nagwal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-19T11:55:50.521Z","latestAt":"2026-09-19T11:55:50.521Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:be831959-3afc-4c5b-b2a0-2bf6c42db415:/unified/posts/?creator=be831959-3afc-4c5b-b2a0-2bf6c42db415&with=reposts":[{"data":[{"id":"01a1006a-0b46-73e8-b6d3-1dad810f4cce","title":null,"body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is the image hover effect I wish Framer had by default.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn "},{"type":"text","text":"two images into one liquid transition","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Liquid Image Hover - WebGL Image Morph","marks":[{"type":"bold"}]},{"type":"text","text":" ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"Upload Image A + Image B → hover → watch them "},{"type":"text","text":"melt, distort, and transform into each other","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for: "},{"type":"text","text":"Architecture · Fashion · Product · Photography · Portfolios · Creative websites","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"No code. No setup. Just drop it in.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" "},{"type":"text","text":"FREE during launch","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try it here → "},{"type":"text","text":"This is the image hover effect I wish Framer had by default.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn "},{"type":"text","text":"two images into one liquid transition","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Liquid Image Hover — WebGL Image Morph","marks":[{"type":"bold"}]},{"type":"text","text":" ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"Upload Image A + Image B → hover → watch them "},{"type":"text","text":"melt, distort, and transform into each other","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for: "},{"type":"text","text":"Architecture · Fashion · Product · Photography · Portfolios · Creative websites","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"No code. No setup. Just drop it in.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" "},{"type":"text","text":"FREE during launch","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try it here → "},{"type":"text","text":"https://liquidimagehover.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://liquidimagehover.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerComponents #WebGL #ImageHover #LiquidEffect #WebDesign"}]}]},"author":{"framerUserId":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","slug":"dhruv-nagwal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PutCFyHq5iFFNH8EKFKt","resolved":true,"title":"Fluid Image Morph","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Make images melt into each other.","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Liquid Image Hover","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium "},{"type":"text","text":"WebGL image hover effect for Framer","marks":[{"type":"bold"}]},{"type":"text","text":" that transforms one image into another through a smooth, fluid "},{"type":"text","text":"liquid morph, distortion and displacement transition","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Upload two images, drop the component onto your Framer canvas, and hover."}]},{"type":"paragraph","content":[{"type":"text","text":"No code required."}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Two-image morph","marks":[{"type":"bold"}]},{"type":"text","text":" Transition between a primary image and a second image with an organic liquid effect."}]},{"type":"paragraph","content":[{"type":"text","text":"WebGL image distortion","marks":[{"type":"bold"}]},{"type":"text","text":" Hardware-accelerated rendering creates a more fluid visual than a standard CSS hover animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Cursor-reactive interaction","marks":[{"type":"bold"}]},{"type":"text","text":" Movement influences the distortion so the transition feels alive rather than simply fading."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive","marks":[{"type":"bold"}]},{"type":"text","text":" Resize the Framer component freely and the effect adapts to the frame."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer controls","marks":[{"type":"bold"}]},{"type":"text","text":" Change your images, distortion strength, transition speed, cursor influence and corner radius directly from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Touch support","marks":[{"type":"bold"}]},{"type":"text","text":" Tap to trigger the interaction on touch devices."}]},{"type":"paragraph","content":[{"type":"text","text":"No coding required","marks":[{"type":"bold"}]},{"type":"text","text":" Drop it in, choose your images, and you're done."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios Architecture websites Interior design Photography Fashion Luxury brands Product showcases Creative agencies Case studies Landing pages Editorial websites Interactive galleries"}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"1. Add the component","marks":[{"type":"bold"}]},{"type":"text","text":" Drag Liquid Image Hover into your Framer project."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Choose two images","marks":[{"type":"bold"}]},{"type":"text","text":" Set Image A and Image B from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Tune the effect","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust liquid distortion, transition speed and cursor influence."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Hover.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Watch one image melt into the next.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Responsive · WebGL · Interactive · Touch-ready · Zero code"}]},{"type":"paragraph","content":[{"type":"text","text":"Free during the launch period.","marks":[{"type":"bold"}]}]}]},"introduction":"The best Liquid effect on Framer","slug":"fluid-image-morph","author":{"framerUserId":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","slug":"dhruv-nagwal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a10065-8a86-74cb-b33c-2056cd0eaf87.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1536,"height":1024}}],"post":null,"createdAt":"2026-10-03T06:18:31.470Z","updatedAt":"2026-10-03T07:01:37.553Z","publishedAt":"2026-10-03T06:18:31.468Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Hover-image-changer-quHTRJ.js@x9mzRIslO2XqAXUJ9noM","previewUrl":"https://liquidimagehover.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"x9mzRIslO2XqAXUJ9noM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T06:18:32.135Z","updatedAt":"2026-10-03T06:18:32.135Z"},{"id":"01a0dc30-f32c-74ad-9906-4ea5f4327b92","title":null,"body":"

This one makes people stop and look.

I built Luxury Auto Carousel for Framer.

A premium autoplay image carousel with:

6 images · editable text · adjustable spacing · drag · hover motion · responsive layouts

Everything is controlled directly from the Framer Property Panel. No code editing. No rebuilding the component for every project.

Change the images. Change the layout. Change the feeling.

just for $5.

What would you showcase with it? 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This one makes people stop and look.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I built "},{"type":"text","text":"Luxury Auto Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"A premium autoplay image carousel with:"}]},{"type":"paragraph","content":[{"type":"text","text":"6 images · editable text · adjustable spacing · drag · hover motion · responsive layouts","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is controlled directly from the Framer Property Panel. No code editing. No rebuilding the component for every project."}]},{"type":"paragraph","content":[{"type":"text","text":"Change the images. Change the layout. Change the feeling.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"just for $5."}]},{"type":"paragraph","content":[{"type":"text","text":"What would you showcase with it?","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","slug":"dhruv-nagwal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mymv0lf3wWemBZ22xPE7","resolved":true,"title":"Luxury Auto Carousel","body":"

A premium, fully customizable autoplay image carousel for Framer designed for luxury websites, portfolios, creative studios, architecture, photography, fashion, products and editorial galleries.

Customize directly from the Framer Property Panel:

• Up to 6 images

• Editable title & eyebrow for every slide

• Adjustable text spacing, position, width & alignment

• Flexible image width & aspect ratio

• Autoplay speed & pause on hover

• Drag / swipe, arrows, dots & loop

• Hover lift, scale & tilt

• Custom colors, background, radius & shadows

• Fully responsive across desktop, tablet & mobile

Drop in your images. Tune the motion. Make it yours.

No code editing required.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A premium, fully customizable autoplay image carousel for Framer designed for luxury websites, portfolios, creative studios, architecture, photography, fashion, products and editorial galleries.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize directly from the Framer Property Panel:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Up to 6 images","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Editable title & eyebrow for every slide","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Adjustable text spacing, position, width & alignment","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Flexible image width & aspect ratio","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Autoplay speed & pause on hover","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Drag / swipe, arrows, dots & loop","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Hover lift, scale & tilt","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom colors, background, radius & shadows","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive across desktop, tablet & mobile","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in your images. Tune the motion. Make it yours.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"No code editing required.","marks":[{"type":"bold"}]}]}]},"introduction":"Luxury Autoplay Image Slider","slug":"luxury-auto-carousel","author":{"framerUserId":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","slug":"dhruv-nagwal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a0dc2e-ee76-74fc-96bd-0b075888d39f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-26T05:29:49.917Z","updatedAt":"2026-09-26T10:12:30.037Z","publishedAt":"2026-09-26T05:29:49.914Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://luxurycarousel.framer.website/","price":"5","paymentUrl":"https://contra.com/payment-link/F6M1UEgK-luxury-auto-carousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"FJqXEb6B3vosV9BNF8jW","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-26T05:29:50.636Z","updatedAt":"2026-09-26T05:29:50.636Z"},{"id":"01a0b985-d132-76be-ac3f-ca539f741622","title":null,"body":"

60% more conversions from the same traffic.

I built What-If Calculator so visitors can change the numbers themselves and instantly see the impact on revenue, customers and upside.

Less explaining. More interaction. More measurable intent.

Free Framer component.

What metric would you put in it? 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"60% more conversions from the same traffic.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I built "},{"type":"text","text":"What-If Calculator","marks":[{"type":"bold"}]},{"type":"text","text":" so visitors can change the numbers themselves and instantly see the impact on revenue, customers and upside."}]},{"type":"paragraph","content":[{"type":"text","text":"Less explaining. More interaction. More measurable intent.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Free Framer component."}]},{"type":"paragraph","content":[{"type":"text","text":"What metric would you put in it?","marks":[{"type":"bold"}]},{"type":"text","text":" 👇"}]}]},"author":{"framerUserId":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","slug":"dhruv-nagwal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","followed":false,"followsYou":false},"media":[],"resources":[{"id":"R5DvfEAt6ekxAcK29W9R","resolved":true,"title":"What-If Calculator","body":"

Turn assumptions into instant, visual outcomes. What-If Calculator lets visitors change values in real time and see the projected revenue impact immediately.

Built for SaaS, startups, agencies, ecommerce, consulting, finance, real estate and any website that needs interactive business calculations.

• Real-time calculations • Editable number inputs • Interactive sliders • Current vs. scenario comparison • Revenue & customer projections • Annual upside calculation • Custom labels and currency • Fully responsive • Framer Property Controls • No external dependencies

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn assumptions into instant, visual outcomes. What-If Calculator "},{"type":"text","text":"lets visitors change values","marks":[{"type":"bold"}]},{"type":"text","text":" in "},{"type":"text","text":"real time","marks":[{"type":"bold"}]},{"type":"text","text":" and see the "},{"type":"text","text":"projected revenue impact","marks":[{"type":"bold"}]},{"type":"text","text":" immediately."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS, startups, agencies, ecommerce, consulting, finance, real estate and "},{"type":"text","text":"any website that needs interactive business calculations.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Real-time calculations • Editable number inputs • Interactive sliders • Current vs. scenario comparison • Revenue & customer projections • Annual upside calculation • Custom labels and currency • Fully responsive • Framer Property Controls • No external dependencies"}]}]},"introduction":"Real-time revenue scenario tool","slug":"what-if-calculator","author":{"framerUserId":"be831959-3afc-4c5b-b2a0-2bf6c42db415","name":"DHRUV NAGWAL","slug":"dhruv-nagwal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/vqp1zhip","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be831959-3afc-4c5b-b2a0-2bf6c42db415/01a0b981-f697-718e-bc64-24d82ccb772c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-19T11:55:49.334Z","updatedAt":"2026-09-19T11:55:49.334Z","publishedAt":"2026-09-19T11:55:49.331Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Component-7J8sKS.js@UZ3zayq4y1F9s2DRaexE","previewUrl":"https://whatifcomponent.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"UZ3zayq4y1F9s2DRaexE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T11:55:49.938Z","updatedAt":"2026-09-19T11:55:49.938Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]