61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T6bf,

The carousel is designed to feel fluid and responsive across autoplay, dragging, and card transitions.

Features

Infinite looping carousel behavior
Overlapping cards with customizable spacing
Adjustable autoplay speed
Forward and backward autoplay direction controls
Pointer and touch dragging
Momentum-based release after dragging
Adjustable edge blur for depth separation
Customizable side-card rotation and tilt
Custom image alt text support
Adjustable card width and height
Adjustable corner radius
Customizable carousel background
Adjustable drag sensitivity
Works with any number of image items
No external setup or additional code required

Customization controls

Use the component controls to customize the image items, card dimensions, corner radius, background, blur amount, drag sensitivity, autoplay state, autoplay speed, autoplay direction, perspective, side rotation, side tilt, and card overlap.

Interaction and motion

The carousel automatically advances while visible when autoplay is enabled. Visitors can drag the cards horizontally or release them with momentum to move through the carousel.

Best for

Use Infinite 3D Carousel for portfolios, photography websites, agency showcases, product galleries, editorial layouts, landing pages, and any Framer project that needs a visually rich image carousel with smooth interaction and minimal configuration.

63:T488,

Interactive Text is an interactive typography component that brings bold text to life. Each letter responds individually to the visitor’s cursor, creating a smooth magnetic movement effect while a colorful glow follows the pointer in the background.

Users can customize:

Three editable text lines
Any font from the Framer library, including uploaded fonts
Font size and text color
Outer and inner glow colors
Glow size
Magnetic strength
Interaction radius

Letters smoothly move away from the cursor and return to position using spring-based animation. Hovering over individual letters creates a subtle scale effect.

Interactive Text is ideal for full-screen sections, portfolio headers, creative landing pages, poster-style layouts, studio websites, and interactive introductions. It requires no external assets or additional setup.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-40366add-9924-4bc7-bd23-24516171330d-all:/unified/creator/40366add-9924-4bc7-bd23-24516171330d/activity/":[{"data":[{"id":"01a0bdab-a07c-703b-8472-9d2c90f71198","type":"comment.liked","target":{"type":"comment","id":"01a0b503-8be2-704e-a330-9440c5019314","preview":"nice motion","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice motion"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b503-8be2-704e-a330-9440c5019314"},"repost":null}},"context":{"type":"post","id":"019fce34-c9b1-73db-b4d9-dec82b9597e7","preview":"Infinite 3d Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fce32-c163-71eb-887e-63a1c6a89cc8.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T07:15:36.696Z","latestAt":"2026-09-20T07:15:36.696Z"},{"id":"019ff078-a2fe-7677-b103-900d197fa2df","type":"comment.liked","target":{"type":"comment","id":"019ff05c-c71a-70fd-ae1e-ed2c57cfa3b6","preview":"@Zuheb Haseen hehe, thanks! means a lot","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"40366add-9924-4bc7-bd23-24516171330d","slug":"zuhebdesign","label":"Zuheb Haseen","mentionSuggestionChar":"@"}},{"type":"text","text":" hehe, thanks! means a lot"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fea32-b4b0-763b-b4e2-acf6036f7ccf","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fed5d-c772-77cb-9008-c8ecce0fbeec"},"repost":null}},"context":{"type":"post","id":"019fea32-b4b0-763b-b4e2-acf6036f7ccf","preview":"everyone check out this page at motion labs! so proud of it, just confuse about what i should price it at. open to suggestions!(similar ones go for 15-40 dollars on the marketplace )\nand first 10 commenters can give me their mail for me to send it to them for free!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"everyone check out this page at motion labs! so proud of it, just confuse about what i should price it at. open to suggestions!(similar ones go for 15-40 dollars on the marketplace )"}]},{"type":"paragraph","content":[{"type":"text","text":"and first 10 commenters can give me their mail for me to send it to them for free! "}]}]},"thumbnail":"https://image.mux.com/hThQNb5WQtomnCxHiC4AKhmhJnnuQ4slDnMzjby01o1A/thumbnail.webp?time=19.103","targetDeleted":false,"owned":false,"actions":{"postId":"019fea32-b4b0-763b-b4e2-acf6036f7ccf","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T10:57:45.722Z","latestAt":"2026-08-11T10:57:45.722Z"},{"id":"019fed5d-c79d-74c0-b6ff-bf33cf06bf5b","type":"comment.created","target":{"type":"post","id":"019fea32-b4b0-763b-b4e2-acf6036f7ccf","preview":"everyone check out this page at motion labs! so proud of it, just confuse about what i should price it at. open to suggestions!(similar ones go for 15-40 dollars on the marketplace )\nand first 10 commenters can give me their mail for me to send it to them for free!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"everyone check out this page at motion labs! so proud of it, just confuse about what i should price it at. open to suggestions!(similar ones go for 15-40 dollars on the marketplace )"}]},{"type":"paragraph","content":[{"type":"text","text":"and first 10 commenters can give me their mail for me to send it to them for free! "}]}]},"thumbnail":"https://image.mux.com/hThQNb5WQtomnCxHiC4AKhmhJnnuQ4slDnMzjby01o1A/thumbnail.webp?time=19.103","targetDeleted":false,"owned":false,"actions":{"postId":"019fea32-b4b0-763b-b4e2-acf6036f7ccf","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fed5d-c772-77cb-9008-c8ecce0fbeec","preview":"Finally found todays top pick. Great work!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finally found todays top pick. Great work!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fea32-b4b0-763b-b4e2-acf6036f7ccf","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fed5d-c772-77cb-9008-c8ecce0fbeec"},"repost":null}},"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T20:29:33.981Z","latestAt":"2026-08-10T20:29:33.981Z"},{"id":"019fe7c3-3295-72cd-b8b2-67d03a8fe9d3","type":"post.liked","target":{"type":"post","id":"019fe0e4-0c19-7728-9096-bc13a2c668e6","preview":"Weekend explorations!!\nBeen playing around with Three.js & GSAP to turn this liquid glass carousel into a usable Framer component.\nMade it responsive, editable from the canvas and performant enough to actually use on a real site. Inspired by Yousuf Soomro’s original carousel. \nCheck it out here : https://liquid-glass-carousel.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Weekend explorations!!"}]},{"type":"paragraph","content":[{"type":"text","text":"Been playing around with Three.js & GSAP to turn this liquid glass carousel into a usable Framer component."}]},{"type":"paragraph","content":[{"type":"text","text":"Made it responsive, editable from the canvas and performant enough to actually use on a real site. Inspired by Yousuf Soomro’s original carousel. "}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out here : "},{"type":"text","text":"https://liquid-glass-carousel.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://liquid-glass-carousel.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/wLeqa4LqlumGgVarzPzaAQCwNEH7sqpJ3sY3uQg6QxQ/thumbnail.webp?time=8.767","targetDeleted":false,"owned":false,"actions":{"postId":"019fe0e4-0c19-7728-9096-bc13a2c668e6","like":{"count":65,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-09T18:22:37.201Z","latestAt":"2026-08-09T18:22:37.201Z"},{"id":"019fd70b-fa2e-749c-b9ec-9a51a31c0093","type":"post.liked","target":{"type":"post","id":"019fd70a-7265-766e-9711-8a693b67d5f1","preview":"Static thumbnails are cool, but animated hit different. \nJust updated my YUYA portfolio template with a fresh new look.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Static thumbnails are cool, but animated hit different. "}]},{"type":"paragraph","content":[{"type":"text","text":"Just updated my "},{"type":"text","text":"YUYA","marks":[{"type":"bold"}]},{"type":"text","text":" portfolio template with a fresh new look."}]}]},"thumbnail":"https://image.mux.com/CIoFhEAzz02mqtSJZZKjWTt5fcdnlDkfOBAolSF00502Gw/thumbnail.webp?time=11","targetDeleted":false,"owned":false,"actions":{"postId":"019fd70a-7265-766e-9711-8a693b67d5f1","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T12:28:34.218Z","latestAt":"2026-08-06T12:28:34.218Z"},{"id":"019fd609-8bb6-766f-bf4c-901aad96c197","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":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T07:46:17.623Z","latestAt":"2026-08-06T07:46:17.623Z"},{"id":"019fd609-87e0-70df-a35b-09b2dbb264db","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T07:46:16.668Z","latestAt":"2026-08-06T07:46:16.668Z"},{"id":"019fd362-ba9a-7682-9f22-9cbbfcea5a27","type":"creator.followed","target":{"type":"creator","id":"9456ae13-3e4e-4f6b-a2bf-55e8823db42e","preview":"THE DESIGN FUTURIST","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/994161/avatar-jDfu6hxAr17MEzTUI9aOrKg5fIih8z.jpg","slug":"thedesignfuturist","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T19:24:50.709Z","latestAt":"2026-08-05T19:24:50.709Z"},{"id":"019fd35f-dee0-723d-9059-3e2ed9b0cce4","type":"component.liked","target":{"type":"component","id":"PB8eZSJxLW8zYVYMbsqb","preview":"Next Page Trigger","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/PB8eZSJxLW8zYVYMbsqb/next-page-trigger-RPTB8e34X0cAAKjJO8j0Vm2swbzd49","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-05T19:21:43.388Z","latestAt":"2026-08-05T19:21:43.388Z"},{"id":"019fd35c-e019-738a-ba4c-9265c17b45dc","type":"component.liked","target":{"type":"component","id":"jCjsua5XYEOMM3R0pfOV","preview":"CMS Warp Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/jCjsua5XYEOMM3R0pfOV/cms-warp-gallery-Vzu8KkDFLqa3xe8XK2FgI81IU1Z76b","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-05T19:18:27.091Z","latestAt":"2026-08-05T19:18:27.091Z"},{"id":"019fd0f4-60d5-773d-a820-eed83053f7f8","type":"creator.followed","target":{"type":"creator","id":"c602a7d6-63ac-4eaa-ab74-18fc0d2a8394","preview":"Brandwit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1464719/avatar-40fsDmZydYe9UjJqtQwA3mWOMgT869.jpg","slug":"brandwit","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T08:05:04.327Z","latestAt":"2026-08-05T08:05:04.327Z"},{"id":"019fd028-9d22-75cd-8bf4-c22bcfdc69b9","type":"comment.liked","target":{"type":"comment","id":"019fce7a-6feb-70bd-aec1-f5fdb9c5c72d","preview":"This is addicting to play with!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is addicting to play with!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fce7a-6feb-70bd-aec1-f5fdb9c5c72d"},"repost":null}},"context":{"type":"post","id":"019fce34-c9b1-73db-b4d9-dec82b9597e7","preview":"Infinite 3d Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fce32-c163-71eb-887e-63a1c6a89cc8.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T04:22:30.428Z","latestAt":"2026-08-05T04:22:30.428Z"},{"id":"019fd028-991d-746a-966f-7e72212cc0eb","type":"comment.liked","target":{"type":"comment","id":"019fcf2f-4880-74de-9403-94e390c89050","preview":"One of the best designs I’ve seen today. Really solid work 👏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One of the best designs I’ve seen today. Really solid work "},{"type":"emoji","attrs":{"name":"clap","emoji":"👏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fcf2f-4880-74de-9403-94e390c89050"},"repost":null}},"context":{"type":"post","id":"019fce34-c9b1-73db-b4d9-dec82b9597e7","preview":"Infinite 3d Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fce32-c163-71eb-887e-63a1c6a89cc8.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T04:22:29.399Z","latestAt":"2026-08-05T04:22:29.399Z"},{"id":"019fce3e-b701-74ee-a7cc-d82af7cd9068","type":"component.liked","target":{"type":"component","id":"2yu30BySPAwls7fjVctO","preview":"Aura Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/6bnj1z4l","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-04T19:27:24.413Z","latestAt":"2026-08-04T19:27:24.413Z"},{"id":"019fce3a-5350-730b-9301-85b4d20f258f","type":"comment.liked","target":{"type":"comment","id":"019fce37-cd69-7337-ae58-d41b5716d523","preview":"smooth!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"smooth!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fce37-cd69-7337-ae58-d41b5716d523"},"repost":null}},"context":{"type":"post","id":"019fce34-c9b1-73db-b4d9-dec82b9597e7","preview":"Infinite 3d Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fce32-c163-71eb-887e-63a1c6a89cc8.webp","targetDeleted":false,"owned":true,"actions":{"postId":"019fce34-c9b1-73db-b4d9-dec82b9597e7","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T19:22:36.747Z","latestAt":"2026-08-04T19:22:36.747Z"},{"id":"019fce34-cb55-7407-a393-70a11aeccb55","type":"component.created","target":{"type":"component","id":"fPCYbIFxc0QnE3sCZy3V","preview":"Infinite 3d Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fce32-c163-71eb-887e-63a1c6a89cc8.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-04T19:16:34.261Z","latestAt":"2026-08-04T19:16:34.261Z"},{"id":"019fcc77-25b7-761a-9861-4b60a16e9aef","type":"component.created","target":{"type":"component","id":"xGEseybJ1PeWjEutskUQ","preview":"Interactive Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fcc75-65c6-76dd-9c65-96030cccfd3c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","slug":"zuhebdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-04T11:09:48.343Z","latestAt":"2026-08-04T11:09:48.343Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:40366add-9924-4bc7-bd23-24516171330d:/unified/posts/?creator=40366add-9924-4bc7-bd23-24516171330d&with=reposts":[{"data":[{"id":"019fce34-c9b1-73db-b4d9-dec82b9597e7","title":null,"body":"

Meet my second Framer component - a smooth 3D carousel with infinite looping, autoplay controls, draggable cards, and customizable motion settings. Perfect for portfolios, galleries, and visual showcases.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet my second Framer component - a smooth 3D carousel with infinite looping, autoplay controls, draggable cards, and customizable motion settings. Perfect for portfolios, galleries, and visual showcases."}]}]},"author":{"framerUserId":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","slug":"zuhebdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fPCYbIFxc0QnE3sCZy3V","resolved":true,"title":"Infinite 3d Carousel","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The carousel is designed to feel fluid and responsive across autoplay, dragging, and card transitions."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite looping carousel behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlapping cards with customizable spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable autoplay speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Forward and backward autoplay direction controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pointer and touch dragging"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Momentum-based release after dragging"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable edge blur for depth separation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable side-card rotation and tilt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image alt text support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card width and height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable carousel background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable drag sensitivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with any number of image items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external setup or additional code required"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization controls","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Use the component controls to customize the image items, card dimensions, corner radius, background, blur amount, drag sensitivity, autoplay state, autoplay speed, autoplay direction, perspective, side rotation, side tilt, and card overlap."}]},{"type":"customHeading","content":[{"type":"text","text":"Interaction and motion","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The carousel automatically advances while visible when autoplay is enabled. Visitors can drag the cards horizontally or release them with momentum to move through the carousel."}]},{"type":"customHeading","content":[{"type":"text","text":"Best for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Use Infinite 3D Carousel for portfolios, photography websites, agency showcases, product galleries, editorial layouts, landing pages, and any Framer project that needs a visually rich image carousel with smooth interaction and minimal configuration."}]}]},"introduction":"Smooth 3D carousel for your site.","slug":"infinite-3d-carousel","author":{"framerUserId":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","slug":"zuhebdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fce32-c163-71eb-887e-63a1c6a89cc8.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-04T19:16:33.369Z","updatedAt":"2026-08-31T20:20:21.596Z","publishedAt":"2026-08-04T19:16:33.366Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/infinite-3d-carousel-UXdsrF.js@yJUGNsIxfIt7742FGdlc","previewUrl":"https://interactive-repelling-text.framer.website/carousel","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"yJUGNsIxfIt7742FGdlc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":31,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T19:16:33.841Z","updatedAt":"2026-08-04T19:16:33.841Z"},{"id":"019fcc77-242b-72ed-ba0e-368a10188b86","title":null,"body":"

Meet Interactive Text!

My first code component.A playful, customizable typography experience where every letter responds to your cursor with magnetic motion and a smooth, colorful glow. Choose any Framer font, edit the text, and make your next page feel alive.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Interactive Text!","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My first code component.A playful, customizable typography experience where every letter responds to your cursor with magnetic motion and a smooth, colorful glow. Choose any Framer font, edit the text, and make your next page feel alive.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","slug":"zuhebdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","followed":false,"followsYou":false},"media":[],"resources":[{"id":"xGEseybJ1PeWjEutskUQ","resolved":true,"title":"Interactive Text","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Text is an interactive typography component that brings bold text to life. Each letter responds individually to the visitor’s cursor, creating a smooth magnetic movement effect while a colorful glow follows the pointer in the background.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Users can customize:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three editable text lines","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any font from the Framer library, including uploaded fonts","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font size and text color","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Outer and inner glow colors","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glow size","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic strength","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction radius","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Letters smoothly move away from the cursor and return to position using spring-based animation. Hovering over individual letters creates a subtle scale effect.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive Text is ideal for full-screen sections, portfolio headers, creative landing pages, poster-style layouts, studio websites, and interactive introductions. It requires no external assets or additional setup.","marks":[{"type":"bold"}]}]}]},"introduction":"Magnetic type with endless styles.","slug":"interactive-text","author":{"framerUserId":"40366add-9924-4bc7-bd23-24516171330d","name":"Zuheb Haseen","slug":"zuhebdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/wnodi2pt","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/40366add-9924-4bc7-bd23-24516171330d/019fcc75-65c6-76dd-9c65-96030cccfd3c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1601,"height":1200}}],"post":null,"createdAt":"2026-08-04T11:09:47.523Z","updatedAt":"2026-08-04T11:59:23.630Z","publishedAt":"2026-08-04T11:09:47.518Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CreativeLab-Ne6bnq.js@q6WiMZluko52jSGPkdcs","previewUrl":"https://interactive-repelling-text.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"q6WiMZluko52jSGPkdcs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T11:09:47.947Z","updatedAt":"2026-08-04T11:09:47.947Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]