53:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0xit-z5qwqul7.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/32cfyvu36_37j.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/1czq4md204jhl.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3ym52__dqzver.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1yafild1hsc0a.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 54:T54c,🚀 Just dropped: Vortex Kinetic Typography for Framer! Vortex Kinetic Typography transforms static text into an immersive 3D experience. Built with WebGL, Three.js, and custom shaders, it creates a dynamic tunnel animation with smooth 60 FPS performance that instantly elevates hero sections, landing pages, and portfolios. Designed for both designers and developers, every aspect of the effect is fully customizable—from the displayed text and typography to colors, curvature, depth, speed, and perspective. The lightweight implementation is optimized for desktop and mobile, ensuring fluid interactions across devices without sacrificing performance. Whether you're building a creative portfolio, agency website, product launch, or interactive landing page, Vortex Kinetic Typography delivers a premium, high-end visual experience with no coding required. Simply drag, drop, customize, and publish. ✅ What’s inside: - WebGL-powered 3D kinetic typography - Built with Three.js and custom shaders - Fully customizable text, fonts, and colors - Adjustable tunnel curvature, depth, and perspective - Smooth 60 FPS animations - Lightweight and mobile optimized - Easy drag-and-drop setup - No coding required Check it out on the Marketplace and let me know what you think! 👇 https://framer.link/iPdcw56 #WebGL #Threejs #WebDesign #KineticTypography55:T54c,🚀 Just dropped: Vortex Kinetic Typography for Framer! Vortex Kinetic Typography transforms static text into an immersive 3D experience. Built with WebGL, Three.js, and custom shaders, it creates a dynamic tunnel animation with smooth 60 FPS performance that instantly elevates hero sections, landing pages, and portfolios. Designed for both designers and developers, every aspect of the effect is fully customizable—from the displayed text and typography to colors, curvature, depth, speed, and perspective. The lightweight implementation is optimized for desktop and mobile, ensuring fluid interactions across devices without sacrificing performance. Whether you're building a creative portfolio, agency website, product launch, or interactive landing page, Vortex Kinetic Typography delivers a premium, high-end visual experience with no coding required. Simply drag, drop, customize, and publish. ✅ What’s inside: - WebGL-powered 3D kinetic typography - Built with Three.js and custom shaders - Fully customizable text, fonts, and colors - Adjustable tunnel curvature, depth, and perspective - Smooth 60 FPS animations - Lightweight and mobile optimized - Easy drag-and-drop setup - No coding required Check it out on the Marketplace and let me know what you think! 👇 https://framer.link/iPdcw56 #WebGL #Threejs #WebDesign #KineticTypography56:T4a8,

Just dropped a new Framer component: Mouse Trail Effect ✨

Move your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling.

It's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration.

Perfect for hero sections, portfolios, and product showcases that deserve a wow moment.

Grab it here 👉 [https://cautious-one-307452.framer.app] [https://framer.link/auiR9kd]

Made with ❤ by MinhVux

#Framer #WebDesign #NoCode #CreativeDev #InteractiveDesign

57:T716,

Mouse Trail Effect turns any image into a real-time, cursor-reactive surface. Pixels ripple and displace under the pointer with a smooth chromatic-aberration trail, then relax back into place — GPU-accelerated, cover-fit for any image, and optimized to stay static on the canvas for a fast editor.

Use Cases

Landing page hero sections
Portfolio & creative studio intros
Photography & product showcases
Fashion, editorial & brand launches
Immersive visual headers

Perfect when you want an image background that feels alive and premium instead of static.Customization

Adjust everything from the properties panel:

Smoothness — mouse-follow easing
Radius — reveal / influence area
Strength — displacement force
Relaxation — how fast pixels settle back
Displacement — distortion intensity
Aberration — RGB split amount

Interaction

Cursor displacement: pixels bend toward the pointer as it moves.
Smooth trail & relaxation: motion eases in, then settles back naturally.
Live controls: every slider updates in real time — no reload.
Static on canvas & export: the effect pauses in the editor for a clean, artifact-free workflow.

Preview: https://cautious-one-307452.framer.app

Made by MinhVux

58:T712,

🚀 Just dropped: Vortex Kinetic Typography for Framer!

Vortex Kinetic Typography transforms static text into an immersive 3D experience. Built with WebGL, Three.js, and custom shaders, it creates a dynamic tunnel animation with smooth 60 FPS performance that instantly elevates hero sections, landing pages, and portfolios.

Designed for both designers and developers, every aspect of the effect is fully customizable—from the displayed text and typography to colors, curvature, depth, speed, and perspective. The lightweight implementation is optimized for desktop and mobile, ensuring fluid interactions across devices without sacrificing performance.

Whether you're building a creative portfolio, agency website, product launch, or interactive landing page, Vortex Kinetic Typography delivers a premium, high-end visual experience with no coding required. Simply drag, drop, customize, and publish.

✅ What’s inside:

- WebGL-powered 3D kinetic typography

- Built with Three.js and custom shaders

- Fully customizable text, fonts, and colors

- Adjustable tunnel curvature, depth, and perspective

- Smooth 60 FPS animations

- Lightweight and mobile optimized

- Easy drag-and-drop setup

- No coding required

Check it out on the Marketplace and let me know what you think! 👇

https://framer.link/iPdcw56

#WebGL #Threejs #WebDesign #KineticTypography

52:["$","$L53",null,{"value":{"fallback":{"$inf$activity-creator-c7c31414-4343-4550-9851-7bcae48c3895-all:/unified/creator/c7c31414-4343-4550-9851-7bcae48c3895/activity/":[{"data":[{"id":"019f216a-fe4c-739f-9b88-44540378b51e","type":"comment.liked","target":{"type":"comment","id":"019f212d-b185-72bb-a0b9-03b86a3c7abe","preview":"Super cool 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Super cool 🔥"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f211f-acb9-74b6-8d59-db1c1d4a222c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f212d-b185-72bb-a0b9-03b86a3c7abe"},"repost":null}},"context":{"type":"post","id":"019f211f-acb9-74b6-8d59-db1c1d4a222c","preview":"Just dropped a new Framer component: Mouse Trail Effect ✨\nMove your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling.\nIt's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration.\nPerfect for hero sections, portfolios, and product showcases that deserve a wow moment.\nGrab it here 👉 [https://cautious-one-307452.framer.app] [https://framer.link/auiR9kd]\nMade with ❤ by MinhVux\n#Framer #WebDesign #NoCode #CreativeDev #InteractiveDesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped a new Framer component: Mouse Trail Effect ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Move your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling."}]},{"type":"paragraph","content":[{"type":"text","text":"It's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for hero sections, portfolios, and product showcases that deserve a wow moment."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" ["},{"type":"text","text":"https://cautious-one-307452.framer.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cautious-one-307452.framer.app","target":"_blank"}}]},{"type":"text","text":"] ["},{"type":"text","text":"https://framer.link/auiR9kd]","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/auiR9kd","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made with "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by MinhVux"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #NoCode #CreativeDev #InteractiveDesign"}]}]},"thumbnail":"https://image.mux.com/CSsv23nnvPZl00tDvG5sY154cgctzbmkAIFdtJpH29qY/thumbnail.webp?time=6.479","targetDeleted":false,"owned":true,"actions":{"postId":"019f211f-acb9-74b6-8d59-db1c1d4a222c","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T06:01:27.881Z","latestAt":"2026-07-02T06:01:27.881Z"},{"id":"019f216a-fb19-763d-ae59-ef9c848b5a5c","type":"comment.reply","target":{"type":"post","id":"019f211f-acb9-74b6-8d59-db1c1d4a222c","preview":"Just dropped a new Framer component: Mouse Trail Effect ✨\nMove your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling.\nIt's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration.\nPerfect for hero sections, portfolios, and product showcases that deserve a wow moment.\nGrab it here 👉 [https://cautious-one-307452.framer.app] [https://framer.link/auiR9kd]\nMade with ❤ by MinhVux\n#Framer #WebDesign #NoCode #CreativeDev #InteractiveDesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped a new Framer component: Mouse Trail Effect ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Move your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling."}]},{"type":"paragraph","content":[{"type":"text","text":"It's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for hero sections, portfolios, and product showcases that deserve a wow moment."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" ["},{"type":"text","text":"https://cautious-one-307452.framer.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cautious-one-307452.framer.app","target":"_blank"}}]},{"type":"text","text":"] ["},{"type":"text","text":"https://framer.link/auiR9kd]","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/auiR9kd","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made with "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by MinhVux"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #NoCode #CreativeDev #InteractiveDesign"}]}]},"thumbnail":"https://image.mux.com/CSsv23nnvPZl00tDvG5sY154cgctzbmkAIFdtJpH29qY/thumbnail.webp?time=6.479","targetDeleted":false,"owned":true,"actions":{"postId":"019f211f-acb9-74b6-8d59-db1c1d4a222c","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f216a-fafe-77f9-8604-0bcc51fbca25","preview":"Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f211f-acb9-74b6-8d59-db1c1d4a222c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f212d-b185-72bb-a0b9-03b86a3c7abe"},"repost":null}},"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T06:01:27.065Z","latestAt":"2026-07-02T06:01:27.065Z"},{"id":"019f2119-dee4-71ec-962c-e81687446638","type":"component.created","target":{"type":"component","id":"UPkVdaFqVtiWbEtpOc5E","preview":"Mouse Trail Effect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/2hg3op35","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-02T04:32:51.428Z","latestAt":"2026-07-02T04:32:51.428Z"},{"id":"019f1b7e-ec54-70c9-bd50-fb1bd378cb84","type":"component.liked","target":{"type":"component","id":"kShEti6yJFrcvEUsMxzb","preview":"Confidential Folder","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kShEti6yJFrcvEUsMxzb/confidential-folder-TB6jk5kME4qj61Wb2USBv4ty8vdDYM","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-01T02:25:30.703Z","latestAt":"2026-07-01T02:25:30.703Z"},{"id":"019f192b-9683-711e-98b1-aa9d487ca205","type":"comment.reply","target":{"type":"post","id":"019f1763-34e8-73ac-88ae-373f1ed2088c","preview":"$54","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Just dropped: Vortex Kinetic Typography for Framer!","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Vortex Kinetic Typography","marks":[{"type":"bold"}]},{"type":"text","text":" transforms static text into an immersive 3D experience. Built with WebGL, Three.js, and custom shaders, it creates a dynamic tunnel animation with smooth 60 FPS performance that instantly elevates hero sections, landing pages, and portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for both designers and developers, every aspect of the effect is fully customizable—from the displayed text and typography to colors, curvature, depth, speed, and perspective. The lightweight implementation is optimized for desktop and mobile, ensuring fluid interactions across devices without sacrificing performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a creative portfolio, agency website, product launch, or interactive landing page, Vortex Kinetic Typography delivers a premium, high-end visual experience with no coding required. Simply drag, drop, customize, and publish."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"What’s inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- WebGL-powered 3D kinetic typography"}]},{"type":"paragraph","content":[{"type":"text","text":"- Built with Three.js and custom shaders"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully customizable text, fonts, and colors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjustable tunnel curvature, depth, and perspective"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smooth 60 FPS animations"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight and mobile optimized"}]},{"type":"paragraph","content":[{"type":"text","text":"- Easy drag-and-drop setup"}]},{"type":"paragraph","content":[{"type":"text","text":"- No coding required"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out on the Marketplace and let me know what you think! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/iPdcw56","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://exuberant-value-912933.framer.app","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#WebGL #Threejs #WebDesign #KineticTypography","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/g85rnvuw","targetDeleted":false,"owned":true,"actions":{"postId":"019f1763-34e8-73ac-88ae-373f1ed2088c","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f192b-965a-74d8-b1e5-870ae9a9206c","preview":"I've released it. Please support me: https://framer.link/iPdcw56","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've released it. Please support me: ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/marketplace/components/vortex-kinetic-typo/","target":"_blank"}}]},{"type":"text","text":"https://framer.link/iPdcw56","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/iPdcw56","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f1763-34e8-73ac-88ae-373f1ed2088c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f176e-ad9b-7123-83c0-e5e3cf836d64"},"repost":null}},"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T15:35:14.819Z","latestAt":"2026-06-30T15:35:14.819Z"},{"id":"019f192a-fd17-75cb-b445-f5c9913e371e","type":"comment.liked","target":{"type":"comment","id":"019f176e-ad9b-7123-83c0-e5e3cf836d64","preview":"Nice buddy!\nWhen you publiah it?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice buddy!"}]},{"type":"paragraph","content":[{"type":"text","text":"When you publiah it?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f1763-34e8-73ac-88ae-373f1ed2088c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f176e-ad9b-7123-83c0-e5e3cf836d64"},"repost":null}},"context":{"type":"post","id":"019f1763-34e8-73ac-88ae-373f1ed2088c","preview":"$55","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Just dropped: Vortex Kinetic Typography for Framer!","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Vortex Kinetic Typography","marks":[{"type":"bold"}]},{"type":"text","text":" transforms static text into an immersive 3D experience. Built with WebGL, Three.js, and custom shaders, it creates a dynamic tunnel animation with smooth 60 FPS performance that instantly elevates hero sections, landing pages, and portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for both designers and developers, every aspect of the effect is fully customizable—from the displayed text and typography to colors, curvature, depth, speed, and perspective. The lightweight implementation is optimized for desktop and mobile, ensuring fluid interactions across devices without sacrificing performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a creative portfolio, agency website, product launch, or interactive landing page, Vortex Kinetic Typography delivers a premium, high-end visual experience with no coding required. Simply drag, drop, customize, and publish."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"What’s inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- WebGL-powered 3D kinetic typography"}]},{"type":"paragraph","content":[{"type":"text","text":"- Built with Three.js and custom shaders"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully customizable text, fonts, and colors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjustable tunnel curvature, depth, and perspective"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smooth 60 FPS animations"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight and mobile optimized"}]},{"type":"paragraph","content":[{"type":"text","text":"- Easy drag-and-drop setup"}]},{"type":"paragraph","content":[{"type":"text","text":"- No coding required"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out on the Marketplace and let me know what you think! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/iPdcw56","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://exuberant-value-912933.framer.app","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#WebGL #Threejs #WebDesign #KineticTypography","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/g85rnvuw","targetDeleted":false,"owned":true,"actions":{"postId":"019f1763-34e8-73ac-88ae-373f1ed2088c","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T15:34:35.539Z","latestAt":"2026-06-30T15:34:35.539Z"},{"id":"019edd99-26e2-7729-b955-18ac52422c0c","type":"template.liked","target":{"type":"template","id":"59483","preview":"Himon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/59483/himon-0VMhNaerN7fP6nm3Bmc8VExTnKCU8Y","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","slug":"minh-vu","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-19T01:57:42.228Z","latestAt":"2026-06-19T01:57:42.228Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c7c31414-4343-4550-9851-7bcae48c3895:/unified/posts/?creator=c7c31414-4343-4550-9851-7bcae48c3895&with=reposts":[{"data":[{"id":"019f211f-acb9-74b6-8d59-db1c1d4a222c","title":null,"body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped a new Framer component: Mouse Trail Effect ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Move your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling."}]},{"type":"paragraph","content":[{"type":"text","text":"It's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for hero sections, portfolios, and product showcases that deserve a wow moment."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" ["},{"type":"text","text":"https://cautious-one-307452.framer.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cautious-one-307452.framer.app","target":"_blank"}}]},{"type":"text","text":"] ["},{"type":"text","text":"https://framer.link/auiR9kd]","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/auiR9kd","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made with "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by MinhVux"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #NoCode #CreativeDev #InteractiveDesign"}]}]},"author":{"framerUserId":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","slug":"minh-vu","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/CSsv23nnvPZl00tDvG5sY154cgctzbmkAIFdtJpH29qY.m3u8","metadata":{"posterUrl":"https://image.mux.com/CSsv23nnvPZl00tDvG5sY154cgctzbmkAIFdtJpH29qY/thumbnail.webp?time=6.479","aspectRatio":"461:229","duration":8.266667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":5,"edited":true,"editedAt":"2026-07-02T06:05:24.368Z","createdAt":"2026-07-02T04:39:11.811Z","updatedAt":"2026-07-02T06:05:24.368Z"},{"id":"019f2119-dea6-71e1-9de5-99973f2b190e","title":null,"body":"

Just dropped a new Framer component: Pixel Cursor ✨

Move your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling.

Perfect for hero sections, portfolios, and product showcases that deserve a wow moment.

Link Preview: https://cautious-one-307452.framer.app/

#Framer #WebGL #WebDesign #NoCode #CreativeDev #InteractiveDesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped a new Framer component: Pixel Cursor "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Move your mouse over any image and watch the pixels come alive — they ripple, bend, and scatter with a smooth chromatic-aberration trail, then melt back into place like liquid settling."}]},{"type":"paragraph","content":[{"type":"text","text":"It's GPU-accelerated and runs in real time, but stays static on the canvas so your editor never lags. Drop it in, pick an image, tweak a few sliders. That's it — no code.Fully adjustable: smoothness, radius, strength, relaxation, displacement & aberration."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for hero sections, portfolios, and product showcases that deserve a wow moment."}]},{"type":"paragraph","content":[{"type":"text","text":"Link Preview: "},{"type":"text","text":"https://cautious-one-307452.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cautious-one-307452.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebGL #WebDesign #NoCode #CreativeDev #InteractiveDesign"}]}]},"author":{"framerUserId":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","slug":"minh-vu","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UPkVdaFqVtiWbEtpOc5E","resolved":true,"title":"Mouse Trail Effect","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse Trail Effect","marks":[{"type":"bold"}]},{"type":"text","text":" turns any image into a real-time, cursor-reactive surface. Pixels ripple and displace under the pointer with a smooth chromatic-aberration trail, then relax back into place — GPU-accelerated, cover-fit for any image, and optimized to stay static on the canvas for a fast editor."}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing page hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio & creative studio intros"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography & product showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion, editorial & brand launches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive visual headers"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want an image background that feels alive and premium instead of static.Customization"}]},{"type":"paragraph","content":[{"type":"text","text":"Adjust everything from the properties panel:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smoothness — mouse-follow easing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radius — reveal / influence area"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Strength — displacement force"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Relaxation — how fast pixels settle back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Displacement — distortion intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Aberration — RGB split amount"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interaction","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor displacement: pixels bend toward the pointer as it moves."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth trail & relaxation: motion eases in, then settles back naturally."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live controls: every slider updates in real time — no reload."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static on canvas & export: the effect pauses in the editor for a clean, artifact-free workflow."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://cautious-one-307452.framer.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cautious-one-307452.framer.app","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made by "},{"type":"text","text":"MinhVux","marks":[{"type":"link","attrs":{"rel":"noopener","href":"https://www.behance.net/gallery/247205223/Portfolio-U","target":"_blank"}}]}]}]},"introduction":"Premium Interactions Component","slug":"mouse-trail-effect","author":{"framerUserId":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","slug":"minh-vu","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/2hg3op35","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-02T04:32:51.314Z","updatedAt":"2026-07-02T13:20:16.986Z","publishedAt":"2026-07-02T04:32:51.310Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cautious-one-307452.framer.app","price":"5","paymentUrl":"https://contra.com/minh_vu_e0cohd9n","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"NNRr9UyMwSWZX9A6n8rb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":6,"edited":true,"editedAt":"2026-07-02T13:20:17.642Z","createdAt":"2026-07-02T04:32:51.366Z","updatedAt":"2026-07-02T13:20:17.642Z"},{"id":"019f1763-34e8-73ac-88ae-373f1ed2088c","title":null,"body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Just dropped: Vortex Kinetic Typography for Framer!","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Vortex Kinetic Typography","marks":[{"type":"bold"}]},{"type":"text","text":" transforms static text into an immersive 3D experience. Built with WebGL, Three.js, and custom shaders, it creates a dynamic tunnel animation with smooth 60 FPS performance that instantly elevates hero sections, landing pages, and portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for both designers and developers, every aspect of the effect is fully customizable—from the displayed text and typography to colors, curvature, depth, speed, and perspective. The lightweight implementation is optimized for desktop and mobile, ensuring fluid interactions across devices without sacrificing performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a creative portfolio, agency website, product launch, or interactive landing page, Vortex Kinetic Typography delivers a premium, high-end visual experience with no coding required. Simply drag, drop, customize, and publish."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"What’s inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- WebGL-powered 3D kinetic typography"}]},{"type":"paragraph","content":[{"type":"text","text":"- Built with Three.js and custom shaders"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully customizable text, fonts, and colors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjustable tunnel curvature, depth, and perspective"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smooth 60 FPS animations"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight and mobile optimized"}]},{"type":"paragraph","content":[{"type":"text","text":"- Easy drag-and-drop setup"}]},{"type":"paragraph","content":[{"type":"text","text":"- No coding required"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out on the Marketplace and let me know what you think! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/iPdcw56","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://exuberant-value-912933.framer.app","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#WebGL #Threejs #WebDesign #KineticTypography","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"c7c31414-4343-4550-9851-7bcae48c3895","name":"Minh Vux","slug":"minh-vu","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/bxy932yj","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7c31414-4343-4550-9851-7bcae48c3895/g85rnvuw","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1604,"height":1062}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":12,"edited":true,"editedAt":"2026-07-01T06:19:51.441Z","createdAt":"2026-06-30T07:16:45.420Z","updatedAt":"2026-07-01T06:19:51.441Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L59"}]