51: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"] 52:T565,

Carousel Preloader — a cinematic image intro for your site 🎬

I made a preloader that doubles as an entrance animation. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, holds for a beat, then expands it full-screen to open your page.

What you can control:

Shape — convex barrel, concave wrap, or flat. A real 3D arc, seamless at any strength.

Expand style — the other images flow aside or fade away as the hero grows.

Timing — independent slide, pause, and expand durations.

Hero + direction — choose which image expands and which way the row sweeps.

On Complete event — reveal a section, hide an overlay, or trigger your next animation the instant it finishes.

Fully responsive at a locked 16:9 ratio, with a clean static preview on the canvas so your editor stays fast. No setup, no dependencies — add your images, set the timing, publish.

Would love to see what you build with it 👇

Grab it here

53:T7a3,

Carousel Preloader turns a set of images into a cinematic intro. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, pauses, then expands it edge-to-edge to open your page.

Bend the row into a convex barrel or concave wrap, or keep it flat — the curve is a genuine 3D arc, seamless and glass-smooth at any strength, not a flat tilt. Choose how the other images exit when the hero expands (flow aside or fade away), and tune the slide, pause, and expand timing for anything from a quick flash to a slow reveal. Point the On Complete event at whatever comes next.

Features

Full-screen reveal — the main image expands edge-to-edge
3D curved surface — convex, concave, or flat, with adjustable amount
Two expand styles — Flow (images push aside) or Fade (dissolve)
Independent slide, pause, and expand timing
Pick the hero image and sweep direction; optional loop
On Complete event to trigger any Framer action
Responsive, locked 16:9 ratio; static canvas preview, live in production
Customizable gap, slide width, radius, and background.

How to use

Drag it onto your page or a full-screen frame at the top of your layout.
Add your images in the Images list — swap the placeholder gradients for your own (16:9 works best).
Set Main Image to the one that expands.
Choose Shape (Convex / Concave / Flat) and adjust Amount.
Set Direction and Expand style, then tune Slide, Pause, and Expand times.
Optional: point On Complete at a section reveal or next animation.
Preview, then publish.

Tip: keep Radius at 0 while a curve is active — rounded corners are for the Flat shape.

54:T655,

Description

Arc Carousel turns your images into an elegant, draggable fan of cards. Grab anywhere and drag left or right — the wheel follows your cursor 1:1, then snaps onto the next card when you let go. As you drag, every card tilts in 3D (one way pulling right, the other pulling left) and rotates along the arc so the row reads as one smooth curve. Animated with GSAP for fluid motion, it loops a full 360° with no dead ends. Great for portfolios, galleries, product showcases, and hero sections.

Features

• Free drag with snap-to-card on release• Infinite, seamless 360° loop

• Direction-aware 3D tilt while dragging• GSAP-powered, buttery-smooth motion

• Auto tangent arc layout with per-card image, title & index number

• Customizable radius, spacing, card size, tilt, drag speed, colors & fonts

How to use

Drop the component onto a generous full-width frame.
Open the Cards property and set an Image + Title for each card (numbers auto-generate).
Shape the arc with Radius (higher = flatter), Card Spacing, and Card Width/Height.
Tune motion with Drag Speed and 3D Tilt (0 = off, 20 = default).
Style Background, Text/Muted colors, Eyebrow & Heading text, and fonts.
Click Preview to drag, fling, and feel the snap + tilt (the canvas shows a static arc).

Tip: fewer large cards + big radius = a soft shallow fan; more cards + tighter spacing = a fuller wheel.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-ab6f2154-a6bf-4ee4-b4c6-61eda42ee437-all:/unified/creator/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/activity/":[{"data":[{"id":"019fd1a2-61e6-7319-8431-52023cb5e914","type":"comment.reply","target":{"type":"post","id":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","preview":"Arc Card Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019f84b9-848c-706d-9760-9b4296cd448f.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":72,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fd1a2-61bf-7378-ae80-310c6dda06e9","preview":"Just updated! Can you please check and let me know.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just updated! Can you please check and let me know. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fd01a-ee35-7275-b73f-daf594685b36"},"repost":null}},"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T11:15:07.878Z","latestAt":"2026-08-05T11:15:07.878Z"},{"id":"019fd1a1-fc8c-763e-9d5a-72f2e5b03c18","type":"comment.liked","target":{"type":"comment","id":"019fd01a-ee35-7275-b73f-daf594685b36","preview":"Hi, love this component but is it possible to link each image to a different project page?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi, love this component but is it possible to link each image to a different project page?"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd01a-ee35-7275-b73f-daf594685b36"},"repost":null}},"context":{"type":"post","id":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","preview":"Arc Card Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019f84b9-848c-706d-9760-9b4296cd448f.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":72,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T11:14:41.928Z","latestAt":"2026-08-05T11:14:41.928Z"},{"id":"019fca6a-6c85-77b8-9dbb-7faa3b1c8dab","type":"comment.reply","target":{"type":"post","id":"019fc798-16db-712e-b95c-0a99242fe485","preview":"Carousel Preloader — a cinematic image intro for your site 🎬\nI made a preloader that doubles as an entrance animation. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, holds for a beat, then expands it full-screen to open your page.\nWhat you can control:\nShape — convex barrel, concave wrap, or flat. A real 3D arc, seamless at any strength.\nExpand style — the other images flow aside or fade away as the hero grows.\nTiming — independent slide, pause, and expand durations.\nHero + direction — choose which image expands and which way the row sweeps.\nOn Complete event — reveal a section, hide an overlay, or trigger your next animation the instant it finishes.\nFully responsive at a locked 16:9 ratio, with a clean static preview on the canvas so your editor stays fast. No setup, no dependencies — add your images, set the timing, publish.\nWould love to see what you build with it 👇\nGrab it here","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Carousel Preloader — a cinematic image intro for your site","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}}]},{"type":"paragraph","content":[{"type":"text","text":"I made a preloader that doubles as an entrance animation. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, holds for a beat, then expands it full-screen to open your page."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can control:"}]},{"type":"paragraph","content":[{"type":"text","text":"Shape","marks":[{"type":"bold"}]},{"type":"text","text":" — convex barrel, concave wrap, or flat. A real 3D arc, seamless at any strength."}]},{"type":"paragraph","content":[{"type":"text","text":"Expand style","marks":[{"type":"bold"}]},{"type":"text","text":" — the other images flow aside or fade away as the hero grows."}]},{"type":"paragraph","content":[{"type":"text","text":"Timing","marks":[{"type":"bold"}]},{"type":"text","text":" — independent slide, pause, and expand durations."}]},{"type":"paragraph","content":[{"type":"text","text":"Hero + direction","marks":[{"type":"bold"}]},{"type":"text","text":" — choose which image expands and which way the row sweeps."}]},{"type":"paragraph","content":[{"type":"text","text":"On Complete event","marks":[{"type":"bold"}]},{"type":"text","text":" — reveal a section, hide an overlay, or trigger your next animation the instant it finishes."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive at a locked 16:9 ratio, with a clean static preview on the canvas so your editor stays fast. No setup, no dependencies — add your images, set the timing, publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you build with it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/m/CarouselPreloader-kLCJnK.js@kR1iRrCd01eNxwRXCWGR","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019fc795-403c-7308-835c-f727a642b682.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fc798-16db-712e-b95c-0a99242fe485","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fca6a-6c66-7468-8e8e-01bf394a59f7","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fc798-16db-712e-b95c-0a99242fe485","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fc8a2-f7b5-767c-a1ef-4443c554b687"},"repost":null}},"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T01:36:40.069Z","latestAt":"2026-08-04T01:36:40.069Z"},{"id":"019fca6a-4ede-755a-a730-2c1fe9a996a3","type":"comment.liked","target":{"type":"comment","id":"019fc8a2-f7b5-767c-a1ef-4443c554b687","preview":"The directional sweep control is a great detail — makes the transition feel genuinely adaptable.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The directional sweep control is a great detail — makes the transition feel genuinely adaptable."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fc798-16db-712e-b95c-0a99242fe485","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fc8a2-f7b5-767c-a1ef-4443c554b687"},"repost":null}},"context":{"type":"post","id":"019fc798-16db-712e-b95c-0a99242fe485","preview":"Carousel Preloader — a cinematic image intro for your site 🎬\nI made a preloader that doubles as an entrance animation. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, holds for a beat, then expands it full-screen to open your page.\nWhat you can control:\nShape — convex barrel, concave wrap, or flat. A real 3D arc, seamless at any strength.\nExpand style — the other images flow aside or fade away as the hero grows.\nTiming — independent slide, pause, and expand durations.\nHero + direction — choose which image expands and which way the row sweeps.\nOn Complete event — reveal a section, hide an overlay, or trigger your next animation the instant it finishes.\nFully responsive at a locked 16:9 ratio, with a clean static preview on the canvas so your editor stays fast. No setup, no dependencies — add your images, set the timing, publish.\nWould love to see what you build with it 👇\nGrab it here","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Carousel Preloader — a cinematic image intro for your site","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}}]},{"type":"paragraph","content":[{"type":"text","text":"I made a preloader that doubles as an entrance animation. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, holds for a beat, then expands it full-screen to open your page."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can control:"}]},{"type":"paragraph","content":[{"type":"text","text":"Shape","marks":[{"type":"bold"}]},{"type":"text","text":" — convex barrel, concave wrap, or flat. A real 3D arc, seamless at any strength."}]},{"type":"paragraph","content":[{"type":"text","text":"Expand style","marks":[{"type":"bold"}]},{"type":"text","text":" — the other images flow aside or fade away as the hero grows."}]},{"type":"paragraph","content":[{"type":"text","text":"Timing","marks":[{"type":"bold"}]},{"type":"text","text":" — independent slide, pause, and expand durations."}]},{"type":"paragraph","content":[{"type":"text","text":"Hero + direction","marks":[{"type":"bold"}]},{"type":"text","text":" — choose which image expands and which way the row sweeps."}]},{"type":"paragraph","content":[{"type":"text","text":"On Complete event","marks":[{"type":"bold"}]},{"type":"text","text":" — reveal a section, hide an overlay, or trigger your next animation the instant it finishes."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive at a locked 16:9 ratio, with a clean static preview on the canvas so your editor stays fast. No setup, no dependencies — add your images, set the timing, publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you build with it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/m/CarouselPreloader-kLCJnK.js@kR1iRrCd01eNxwRXCWGR","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019fc795-403c-7308-835c-f727a642b682.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fc798-16db-712e-b95c-0a99242fe485","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T01:36:32.465Z","latestAt":"2026-08-04T01:36:32.465Z"},{"id":"019fc78e-948e-74ba-b99c-244b6795f384","type":"component.created","target":{"type":"component","id":"jXjGH2YLkp4Nid01Jhkm","preview":"Carousel Preloader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019fc78c-c61f-7693-bc8d-066a4aa0a0be.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-03T12:17:17.966Z","latestAt":"2026-08-03T12:17:17.966Z"},{"id":"019f8e5a-b45c-7619-9964-703f647b889f","type":"component.liked","target":{"type":"component","id":"nNCm5yFeLay5Zc5AVwLC","preview":"Vibey","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/nNCm5yFeLay5Zc5AVwLC/vibey-edVsJSAki0vFOzcGkaiSxGUYSbj3yn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-23T09:42:16.911Z","latestAt":"2026-07-23T09:42:16.911Z"},{"id":"019f8cda-9de5-73df-9b97-f2f398268826","type":"comment.reply","target":{"type":"post","id":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","preview":"Arc Card Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019f84b9-848c-706d-9760-9b4296cd448f.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":72,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f8cda-9dc8-76fb-82e1-bc4d5bc335eb","preview":"@Gustav ❖ Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"af7d4951-e313-4a02-989a-ee7ca7e93e3a","slug":"gustavwf","label":"Gustav ❖","mentionSuggestionChar":"@"}},{"type":"text","text":" Thanks! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8b80-8085-734f-9d28-aa4197bd2fc3"},"repost":null}},"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T02:42:45.349Z","latestAt":"2026-07-23T02:42:45.349Z"},{"id":"019f8cda-37f4-76ee-847d-5ab9ae5fbfc5","type":"comment.liked","target":{"type":"comment","id":"019f8b80-8085-734f-9d28-aa4197bd2fc3","preview":"Love it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8b80-8085-734f-9d28-aa4197bd2fc3"},"repost":null}},"context":{"type":"post","id":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","preview":"Arc Card Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019f84b9-848c-706d-9760-9b4296cd448f.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","like":{"count":72,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T02:42:19.249Z","latestAt":"2026-07-23T02:42:19.249Z"},{"id":"019f89c9-abb0-743f-9ad6-0a42885b0d84","type":"template.liked","target":{"type":"template","id":"67276","preview":"La Maison","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6044d8aa-f6fd-4260-9cbd-e4ba343243bc/2tepcfu1","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-22T12:25:23.115Z","latestAt":"2026-07-22T12:25:23.115Z"},{"id":"019f89a5-6e32-70ef-8cc2-213656083272","type":"component.liked","target":{"type":"component","id":"qOqLeGoRbyJZOPLTuT6X","preview":"Smooth Wipe Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qOqLeGoRbyJZOPLTuT6X/smooth-wipe-carousel-iLjwdmQahNp3tZjfX1J7it1bmQTZ3Q","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T11:45:48.075Z","latestAt":"2026-07-22T11:45:48.075Z"},{"id":"019f89a3-9ccd-704a-a60c-02d5536e47cf","type":"component.liked","target":{"type":"component","id":"L2g2etirT4tdjBaE4xrO","preview":"Liquid Image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/L2g2etirT4tdjBaE4xrO/liquid-image-D7KkaJDtqD7nibKLhEzzQtKsEc02iM","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T11:43:48.936Z","latestAt":"2026-07-22T11:43:48.936Z"},{"id":"019f84ba-17cb-73ff-a2b2-9a5b2c21b8eb","type":"component.created","target":{"type":"component","id":"xxSysdSEkARjRD8RzyQg","preview":"Arc Card Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019f84b9-848c-706d-9760-9b4296cd448f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-21T12:50:16.139Z","latestAt":"2026-07-21T12:50:16.139Z"},{"id":"019f83f1-69fe-747a-9041-3381be36bbae","type":"component.liked","target":{"type":"component","id":"K0U4NaTjlHOn7nyqrXaL","preview":"Arc Carousel Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/22f194ca-4704-4786-b94f-970f9d3548b7/ekmvg57b","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-21T09:11:04.441Z","latestAt":"2026-07-21T09:11:04.441Z"},{"id":"019f8397-585e-71f6-b369-016690ab137c","type":"component.liked","target":{"type":"component","id":"safEPhPRqnCyWXtvirCp","preview":"Endless Int Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7b603305-b2be-4297-94ea-933ec2bc81bc/cpfykb3k","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-21T07:32:41.679Z","latestAt":"2026-07-21T07:32:41.679Z"},{"id":"019f7fc4-f329-740c-8eb0-5c6d11568629","type":"component.liked","target":{"type":"component","id":"UdeCdx5BQ8UI7hw98I9y","preview":"Arc Focus Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/019fbd58-ba19-73f1-9afc-310f2146d054.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T13:44:01.563Z","latestAt":"2026-07-20T13:44:01.563Z"},{"id":"019f7fa3-b5cf-7256-a254-2a4b28031b83","type":"component.liked","target":{"type":"component","id":"oNyIZP0bQ5KoPjvuTHyV","preview":"Instagram Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ecd9a75e-186e-4108-b610-b38c2c88eaec/owh1w221","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T13:07:43.179Z","latestAt":"2026-07-20T13:07:43.179Z"},{"id":"019f7fa3-9b6c-70aa-9ff2-5f711298f4d7","type":"component.liked","target":{"type":"component","id":"eY3BGutoQMegaANImd6i","preview":"3D Service carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eY3BGutoQMegaANImd6i/3d-service-carousel-H1gVyeAIjc26NDa6lzSHuubHMLEOiI","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T13:07:36.423Z","latestAt":"2026-07-20T13:07:36.423Z"},{"id":"019f7fa2-2331-70bf-830a-f1c123db5009","type":"component.liked","target":{"type":"component","id":"4Jt2eNmrXd1weujaWyfT","preview":"Infinite 3D Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ZTikchnPdHJI5zlORI89/infinite-3d-slider-3lHg6S2dkZ6ukJfEibDyVvzcARLOOv","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T13:06:00.110Z","latestAt":"2026-07-20T13:06:00.110Z"},{"id":"019f7fa1-461d-741e-bc95-63f68d3d5341","type":"component.liked","target":{"type":"component","id":"M377AoKAR3U1TkoMhBfa","preview":"Orbit Carousel 3D","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f3ccc875-c409-42ec-982f-0d1936328136/019f5d32-3a16-708b-92ae-c771617c415a.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T13:05:03.507Z","latestAt":"2026-07-20T13:05:03.507Z"},{"id":"019f7fa0-52d8-71ec-a1c1-2a7d8bc2267f","type":"component.liked","target":{"type":"component","id":"kehXxyAn7brcejpF1SCZ","preview":"PrismFlowGallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kehXxyAn7brcejpF1SCZ/prismflowgallery-huZGd0TmApC78j83b0zU0cJLJNPJIN","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","slug":"vish-ux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T13:04:01.238Z","latestAt":"2026-07-20T13:04:01.238Z"}],"pagination":{"next":"MjAyNi0wNy0yMFQxMzowNDowMS4yMzhafDAxOWY3ZmEwLTUyZDgtNzFlYy1hMWMxLTJhN2Q4YmMyMjY3Zg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:ab6f2154-a6bf-4ee4-b4c6-61eda42ee437:/unified/posts/?creator=ab6f2154-a6bf-4ee4-b4c6-61eda42ee437&with=reposts":[{"data":[{"id":"019fc798-16db-712e-b95c-0a99242fe485","title":null,"body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Carousel Preloader — a cinematic image intro for your site","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}}]},{"type":"paragraph","content":[{"type":"text","text":"I made a preloader that doubles as an entrance animation. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, holds for a beat, then expands it full-screen to open your page."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can control:"}]},{"type":"paragraph","content":[{"type":"text","text":"Shape","marks":[{"type":"bold"}]},{"type":"text","text":" — convex barrel, concave wrap, or flat. A real 3D arc, seamless at any strength."}]},{"type":"paragraph","content":[{"type":"text","text":"Expand style","marks":[{"type":"bold"}]},{"type":"text","text":" — the other images flow aside or fade away as the hero grows."}]},{"type":"paragraph","content":[{"type":"text","text":"Timing","marks":[{"type":"bold"}]},{"type":"text","text":" — independent slide, pause, and expand durations."}]},{"type":"paragraph","content":[{"type":"text","text":"Hero + direction","marks":[{"type":"bold"}]},{"type":"text","text":" — choose which image expands and which way the row sweeps."}]},{"type":"paragraph","content":[{"type":"text","text":"On Complete event","marks":[{"type":"bold"}]},{"type":"text","text":" — reveal a section, hide an overlay, or trigger your next animation the instant it finishes."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive at a locked 16:9 ratio, with a clean static preview on the canvas so your editor stays fast. No setup, no dependencies — add your images, set the timing, publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you build with it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/m/CarouselPreloader-kLCJnK.js@kR1iRrCd01eNxwRXCWGR","target":"_blank"}}]}]}]},"author":{"framerUserId":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","slug":"vish-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019fc795-403c-7308-835c-f727a642b682.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":798}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T12:27:41.155Z","updatedAt":"2026-08-03T12:27:41.155Z"},{"id":"019fc78e-92bf-7267-9b78-d796bd9cf5c1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","slug":"vish-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jXjGH2YLkp4Nid01Jhkm","resolved":true,"title":"Carousel Preloader","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Carousel Preloader turns a set of images into a cinematic intro. A row of 16:9 images sweeps across the screen on a smooth 3D curved surface, settles on your main image, pauses, then expands it edge-to-edge to open your page."}]},{"type":"paragraph","content":[{"type":"text","text":"Bend the row into a convex barrel or concave wrap, or keep it flat — the curve is a genuine 3D arc, seamless and glass-smooth at any strength, not a flat tilt. Choose how the other images exit when the hero expands (flow aside or fade away), and tune the slide, pause, and expand timing for anything from a quick flash to a slow reveal. Point the On Complete event at whatever comes next."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen reveal — the main image expands edge-to-edge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D curved surface — convex, concave, or flat, with adjustable amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two expand styles — Flow (images push aside) or Fade (dissolve)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent slide, pause, and expand timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick the hero image and sweep direction; optional loop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On Complete event to trigger any Framer action"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive, locked 16:9 ratio; static canvas preview, live in production"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable gap, slide width, radius, and background."}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag it onto your page or a full-screen frame at the top of your layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your images in the Images list — swap the placeholder gradients for your own (16:9 works best)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Main Image to the one that expands."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose Shape (Convex / Concave / Flat) and adjust Amount."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Direction and Expand style, then tune Slide, Pause, and Expand times."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional: point On Complete at a section reveal or next animation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview, then publish."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Tip: keep Radius at 0 while a curve is active — rounded corners are for the Flat shape."}]}]},"introduction":"A cinematic image intro that slide","slug":"carousel-preloader","author":{"framerUserId":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","slug":"vish-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019fc78c-c61f-7693-bc8d-066a4aa0a0be.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":798}}],"post":null,"createdAt":"2026-08-03T12:17:17.052Z","updatedAt":"2026-08-03T12:17:17.052Z","publishedAt":"2026-08-03T12:17:17.046Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/CarouselPreloader-kLCJnK.js@kR1iRrCd01eNxwRXCWGR","previewUrl":"https://professional-investment-896136.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"kR1iRrCd01eNxwRXCWGR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T12:17:17.503Z","updatedAt":"2026-08-03T12:17:17.503Z"},{"id":"019f84ba-15a7-7197-99a7-f2e73d5b5efc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","slug":"vish-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","followed":false,"followsYou":false},"media":[],"resources":[{"id":"xxSysdSEkARjRD8RzyQg","resolved":true,"title":"Arc Card Carousel","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Arc Carousel turns your images into an elegant, draggable fan of cards. Grab anywhere and drag left or right — the wheel follows your cursor 1:1, then snaps onto the next card when you let go. As you drag, every card tilts in 3D (one way pulling right, the other pulling left) and rotates along the arc so the row reads as one smooth curve. Animated with GSAP for fluid motion, it loops a full 360° with no dead ends. Great for portfolios, galleries, product showcases, and hero sections."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Free drag with snap-to-card on release• Infinite, seamless 360° loop"}]},{"type":"paragraph","content":[{"type":"text","text":"• Direction-aware 3D tilt while dragging• GSAP-powered, buttery-smooth motion"}]},{"type":"paragraph","content":[{"type":"text","text":"• Auto tangent arc layout with per-card image, title & index number"}]},{"type":"paragraph","content":[{"type":"text","text":"• Customizable radius, spacing, card size, tilt, drag speed, colors & fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto a generous full-width frame."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open the Cards property and set an Image + Title for each card (numbers auto-generate)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shape the arc with Radius (higher = flatter), Card Spacing, and Card Width/Height."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune motion with Drag Speed and 3D Tilt (0 = off, 20 = default)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Background, Text/Muted colors, Eyebrow & Heading text, and fonts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click Preview to drag, fling, and feel the snap + tilt (the canvas shows a static arc)."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Tip: fewer large cards + big radius = a soft shallow fan; more cards + tighter spacing = a fuller wheel."}]},{"type":"paragraph"}]},"introduction":"Draggable Card Wheel","slug":"arc-card-carousel","author":{"framerUserId":"ab6f2154-a6bf-4ee4-b4c6-61eda42ee437","name":"Vishal AN","slug":"vish-ux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/o3r0rzo2","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab6f2154-a6bf-4ee4-b4c6-61eda42ee437/019f84b9-848c-706d-9760-9b4296cd448f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-21T12:50:15.095Z","updatedAt":"2026-08-05T11:14:19.285Z","publishedAt":"2026-07-21T12:50:15.091Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/ArcCardCarousel-1dvmlj.js@v1upKuQR8rveRRgNjnpY","previewUrl":"https://first-turnip-072135.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"v1upKuQR8rveRRgNjnpY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":72,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T12:50:15.591Z","updatedAt":"2026-07-21T12:50:15.591Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]