62: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"] 63:T6dc,

Elevate your Framer website with an interactive, high-performance Layered Card Slider. Designed with smooth spring physics and a fluid mouse-tilt effect, this component gives your portfolio, hero section, or product showcases a tactile, premium feel.

Built with Framer Property Controls, buyers can customize every detail directly from the Inspector panel—no coding required!

Key Features:

Interactive 3D Mouse Tilt: Cards react dynamically to cursor movement with natural, spring-based rotation physics.
Smooth Swipe & Drag Gesture: Drag cards left or right to cycle through the stack seamlessly.
Flexible Card Sizing: Adjust card width and height independently up to 300% to fit any layout or frame size.
Complete Typography Controls: Full control over font family, font size, font weight, and text color for card titles.
Custom Shadow Engine: Fine-tune shadow color, blur radius, and vertical offset to match dark or light design themes.
Opacity Decay & Depth Stacking: Automatic depth positioning with customizable opacity and scaling steps for inactive cards.
100% No-Code Friendly: Upload images, edit text, and tweak physical properties directly in the Framer Canvas sidebar.

Perfect For:

Creative Portfolios
Feature Highlights & UI Kits
Product Showcases
Testimonial Cards & Hero Sections

64:T4ca,

Elevate your web designs with the 3D Pop Out Spotlight Card an interactive, modern card component designed to give your products and features depth and visual impact.

Key Features:

• 3D Pop-Out Effect: Layered cutout objects jump, scale, and rotate on hover with smooth spring physics.

• Cursor Tracking Spotlight: Dynamic radial glow follows the cursor seamlessly across the card.

• Reactive Glow Border: The border automatically lights up nearest to your mouse position using the same glow color.

• Complete Customization: Easily adjust images, typography, padding (all vs. per-side), border styles, shadows, and spring dynamics.

• 60+ FPS Performance: Powered by Framer Motion for buttery-smooth animations with zero layout shift.

Perfect For:

• E-commerce & Product Showcases

• Modern Bento Grids & Feature Sections

• Creative Agency & Design Portfolios

• SaaS Landing Pages

No coding required — drag, drop, and customize everything directly from Framer’s properties panel!

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-351bf2cb-e15b-4dde-8967-d172238fc28f-all:/unified/creator/351bf2cb-e15b-4dde-8967-d172238fc28f/activity/":[{"data":[{"id":"01a01853-09e3-72cd-b48e-f661b843a295","type":"component.created","target":{"type":"component","id":"ZlV9wJQMHzgRSlgAkXIS","preview":"Layered Card Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/01a01841-5f25-70dc-922d-d0829aae2a71.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-19T04:41:30.339Z","latestAt":"2026-08-19T04:41:30.339Z"},{"id":"01a00b4f-d4ed-735e-892a-c7ccb8091164","type":"comment.created","target":{"type":"post","id":"01a00b47-7c4f-70a8-bcee-7573cd4c0059","preview":"Byte Studio is FREE to use now","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Byte Studio is FREE to use now "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a00b47-7c4f-70a8-bcee-7573cd4c0059","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00b4f-d4d7-710f-9fcc-f89f0da3fbbc","preview":"realy is free","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"realy is free"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a00b47-7c4f-70a8-bcee-7573cd4c0059","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00b4f-d4d7-710f-9fcc-f89f0da3fbbc"},"repost":null}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T16:02:56.365Z","latestAt":"2026-08-16T16:02:56.365Z"},{"id":"01a00b4f-a10c-75cf-bca0-b3ade406b237","type":"post.liked","target":{"type":"post","id":"01a00b47-7c4f-70a8-bcee-7573cd4c0059","preview":"Byte Studio is FREE to use now","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Byte Studio is FREE to use now "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a00b47-7c4f-70a8-bcee-7573cd4c0059","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T16:02:43.080Z","latestAt":"2026-08-16T16:02:43.080Z"},{"id":"01a00ad7-1f84-764e-8e3a-c477c7a99950","type":"comment.reply","target":{"type":"post","id":"01a009bb-c560-745f-bab6-6f428883afe4","preview":"Go, go, let's go!!!! my component has come out!\nLink Preview","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Go, go, let's go!!!! my component has come out!"}]},{"type":"paragraph","content":[{"type":"text","text":"Link Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mycomponent.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/SyzhidRVbVjRjrIGhNQ2Cjves19RAiVriCMeVhA1oWg/thumbnail.webp?time=12.833","targetDeleted":false,"owned":true,"actions":{"postId":"01a009bb-c560-745f-bab6-6f428883afe4","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00ad7-1f60-746a-a6dd-df81c9fdd434","preview":"try it bro","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"try it bro"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a009bb-c560-745f-bab6-6f428883afe4","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a00a25-3e99-766a-b9a0-145c130d6343"},"repost":null}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T13:51:05.604Z","latestAt":"2026-08-16T13:51:05.604Z"},{"id":"01a00ad6-84a1-70c5-bbaa-21be66b1faaa","type":"comment.liked","target":{"type":"comment","id":"01a00a25-3e99-766a-b9a0-145c130d6343","preview":"Congratulations on shipping your component! Sharing both a live preview and a remix link makes it easy for the community to understand and try it. Excited to see how creators adapt it in their own projects.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congratulations on shipping your component! Sharing both a live preview and a remix link makes it easy for the community to understand and try it. Excited to see how creators adapt it in their own projects."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a009bb-c560-745f-bab6-6f428883afe4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00a25-3e99-766a-b9a0-145c130d6343"},"repost":null}},"context":{"type":"post","id":"01a009bb-c560-745f-bab6-6f428883afe4","preview":"Go, go, let's go!!!! my component has come out!\nLink Preview","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Go, go, let's go!!!! my component has come out!"}]},{"type":"paragraph","content":[{"type":"text","text":"Link Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mycomponent.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/SyzhidRVbVjRjrIGhNQ2Cjves19RAiVriCMeVhA1oWg/thumbnail.webp?time=12.833","targetDeleted":false,"owned":true,"actions":{"postId":"01a009bb-c560-745f-bab6-6f428883afe4","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T13:50:25.951Z","latestAt":"2026-08-16T13:50:25.951Z"},{"id":"01a009b3-19c4-7144-b6a7-e0cebce06cab","type":"component.created","target":{"type":"component","id":"dAXYD3p29hNQbxMIdH8r","preview":"3D Pop Out Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/01a009b1-6e03-7318-bdfb-70a0d22f084f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-16T08:32:07.620Z","latestAt":"2026-08-16T08:32:07.620Z"},{"id":"01a0098d-9a07-75ac-8609-98cbc8ed800a","type":"post.liked","target":{"type":"post","id":"01a00987-7b8d-748f-bbbe-486f04d05ca7","preview":"A sneak peek at the About section of my upcoming personal website 👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A sneak peek at the About section of my upcoming personal website "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/01a00986-ed3b-7688-90f9-e6380424613c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a00987-7b8d-748f-bbbe-486f04d05ca7","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T07:51:10.083Z","latestAt":"2026-08-16T07:51:10.083Z"},{"id":"01a0058f-59cc-71df-b6fb-613ba82dbab5","type":"creator.followed","target":{"type":"creator","id":"364f6215-c5f5-47ae-bd37-d1d96ee6b6ac","preview":"Aki","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/364f6215-c5f5-47ae-bd37-d1d96ee6b6ac/0vxv76hr","slug":"madebyakiio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T13:14:35.844Z","latestAt":"2026-08-15T13:14:35.844Z"},{"id":"01a0058a-ff0e-710a-8d6d-7729f5763238","type":"comment.reply","target":{"type":"post","id":"01a004b9-3de1-762b-bff4-b741f7d2957d","preview":"Guys, I just created a component like this, but it's not finished yet.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, I just created a component like this, but it's not finished yet."}]}]},"thumbnail":"https://image.mux.com/01nBKA74Es0202mOVN7VKeZOIHlB2b5dG9XGtgzXFNu02Gs/thumbnail.webp?time=3.667","targetDeleted":false,"owned":true,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0058a-fef2-71fe-a3e1-0cab7acc6d00","preview":"Let's see later","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Let's see later"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00587-078e-71ba-8abc-5afb8617605d"},"repost":null}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T13:09:50.478Z","latestAt":"2026-08-15T13:09:50.478Z"},{"id":"01a00587-fede-71b2-8168-743b652b3739","type":"comment.liked","target":{"type":"comment","id":"01a00587-078e-71ba-8abc-5afb8617605d","preview":"I really like how the image person overlays card","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I really like how the image person overlays card"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00587-078e-71ba-8abc-5afb8617605d"},"repost":null}},"context":{"type":"post","id":"01a004b9-3de1-762b-bff4-b741f7d2957d","preview":"Guys, I just created a component like this, but it's not finished yet.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, I just created a component like this, but it's not finished yet."}]}]},"thumbnail":"https://image.mux.com/01nBKA74Es0202mOVN7VKeZOIHlB2b5dG9XGtgzXFNu02Gs/thumbnail.webp?time=3.667","targetDeleted":false,"owned":true,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T13:06:33.819Z","latestAt":"2026-08-15T13:06:33.819Z"},{"id":"01a00586-d708-74dc-8a87-dc88cd69b79c","type":"comment.liked","target":{"type":"comment","id":"01a004c0-b028-7370-8afc-720ce3413aa7","preview":"The unfinished stage is where the fun starts 😄 This already has personality. Looking forward to seeing the final interaction.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The unfinished stage is where the fun starts "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}},{"type":"text","text":" This already has personality. Looking forward to seeing the final interaction."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a004c0-b028-7370-8afc-720ce3413aa7"},"repost":null}},"context":{"type":"post","id":"01a004b9-3de1-762b-bff4-b741f7d2957d","preview":"Guys, I just created a component like this, but it's not finished yet.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, I just created a component like this, but it's not finished yet."}]}]},"thumbnail":"https://image.mux.com/01nBKA74Es0202mOVN7VKeZOIHlB2b5dG9XGtgzXFNu02Gs/thumbnail.webp?time=3.667","targetDeleted":false,"owned":true,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T13:05:18.078Z","latestAt":"2026-08-15T13:05:18.078Z"},{"id":"01a00586-ce8f-762a-a68d-4cc35a7b5173","type":"comment.liked","target":{"type":"comment","id":"01a004c1-4c08-743a-8bff-6ce610ca214f","preview":"The unfinished stage is where the fun starts 😄 This already has personality. Looking forward to seeing the final interaction.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The unfinished stage is where the fun starts "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}},{"type":"text","text":" This already has personality. Looking forward to seeing the final interaction."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a004c1-4c08-743a-8bff-6ce610ca214f"},"repost":null}},"context":{"type":"post","id":"01a004b9-3de1-762b-bff4-b741f7d2957d","preview":"Guys, I just created a component like this, but it's not finished yet.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, I just created a component like this, but it's not finished yet."}]}]},"thumbnail":"https://image.mux.com/01nBKA74Es0202mOVN7VKeZOIHlB2b5dG9XGtgzXFNu02Gs/thumbnail.webp?time=3.667","targetDeleted":false,"owned":true,"actions":{"postId":"01a004b9-3de1-762b-bff4-b741f7d2957d","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T13:05:15.916Z","latestAt":"2026-08-15T13:05:15.916Z"},{"id":"01a0005e-5f1b-77c5-bee3-69794bf22612","type":"comment.liked","target":{"type":"comment","id":"019ffa10-a321-746b-95c2-e31ad2062bb9","preview":"The execution feels considered. The component solves a recognizable need and the customization sounds approachable. What part took the most iteration to make reusable?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The execution feels considered. The component solves a recognizable need and the customization sounds approachable. What part took the most iteration to make reusable?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ff6e1-d432-76ad-879b-11b532d11da4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ffa10-a321-746b-95c2-e31ad2062bb9"},"repost":null}},"context":{"type":"post","id":"019ff6e1-d432-76ad-879b-11b532d11da4","preview":"Alright everyone, I'm going to release a new component that I frequently use in my web projects.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Alright everyone, I'm going to release a new component that I frequently use in my web projects."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ff6e1-d432-76ad-879b-11b532d11da4","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T13:02:59.863Z","latestAt":"2026-08-14T13:02:59.863Z"},{"id":"01a0005e-3175-703f-9f39-0da631491912","type":"creator.followed","target":{"type":"creator","id":"4499ef1c-4b1c-4064-996e-a272314019b4","preview":"Khusanjon Jurabaev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4499ef1c-4b1c-4064-996e-a272314019b4/qkic1duq","slug":"astrodsgnr","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T13:02:48.177Z","latestAt":"2026-08-14T13:02:48.177Z"},{"id":"01a0005e-02cb-770e-bb19-45212653c684","type":"template.liked","target":{"type":"template","id":"71164","preview":"Pawello","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4499ef1c-4b1c-4064-996e-a272314019b4/01a0bd6f-087b-71d3-8b7f-b9cd6d2396ac.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-14T13:02:36.230Z","latestAt":"2026-08-14T13:02:36.230Z"},{"id":"019fe150-2d65-7622-bdc5-8bf61c72e1b1","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-08T12:19:15.937Z","latestAt":"2026-08-08T12:19:15.937Z"},{"id":"019fda46-2fa6-74c8-8fe0-cb5bc5f001cd","type":"comment.liked","target":{"type":"comment","id":"019fd576-aeca-72c6-b548-ea64c103ebcf","preview":"that floating card is clean.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"that floating card is clean."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd53a-6125-7269-846b-58ef2e74f042","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd576-aeca-72c6-b548-ea64c103ebcf"},"repost":null}},"context":{"type":"post","id":"019fd53a-6125-7269-846b-58ef2e74f042","preview":"Hey everyone, I'm still cooking up a new template, and don't forget that I have free components for you to use.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, I'm still cooking up a new template, and don't forget that I have free components for you to use."}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/C9VtxBynwmnL00PjpqfB00lCswExILiCShCe1bimOIk2Q/thumbnail.webp?time=11.652","targetDeleted":false,"owned":true,"actions":{"postId":"019fd53a-6125-7269-846b-58ef2e74f042","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T03:31:00.641Z","latestAt":"2026-08-07T03:31:00.641Z"},{"id":"019fda2e-1fa2-7188-a2c9-cd4bb64119b2","type":"creator.followed","target":{"type":"creator","id":"57f4e434-6bc4-451c-ad9d-d0c170454253","preview":"proto.ix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/57f4e434-6bc4-451c-ad9d-d0c170454253/n98g8h1e","slug":"protoix","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T03:04:43.671Z","latestAt":"2026-08-07T03:04:43.671Z"},{"id":"019fda2e-1b7d-723f-aaec-fff0b7ce2dba","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":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T03:04:42.615Z","latestAt":"2026-08-07T03:04:42.615Z"},{"id":"019fda2d-3823-7374-b3cc-6fa8709e01b3","type":"post.liked","target":{"type":"post","id":"019fda25-b412-7593-8501-b02730f43942","preview":"Forget ordinary sliders. Omni Carousel Pro brings cinematic motion, physics-driven interactions, and premium visual effects with 3 different modes to choose from and endless customization all in one Component.\n✦ Preview URL","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Forget ordinary sliders. "},{"type":"text","text":"Omni Carousel Pro","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" brings cinematic motion, physics-driven interactions, and premium visual effects with 3 different modes to choose from and endless customization all in one Component."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Preview URL ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://omni-carousel-pro.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/019fda23-7643-725d-8ca7-e650717e6d8c.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fda25-b412-7593-8501-b02730f43942","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","slug":"arval-rizki-aditya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T03:03:44.415Z","latestAt":"2026-08-07T03:03:44.415Z"}],"pagination":{"next":"MjAyNi0wOC0wN1QwMzowMzo0NC40MTVafDAxOWZkYTJkLTM4MjMtNzM3NC1iM2NjLTZmYTg3MDllMDFiMw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:351bf2cb-e15b-4dde-8967-d172238fc28f:/unified/posts/?creator=351bf2cb-e15b-4dde-8967-d172238fc28f&with=reposts":[{"data":[{"id":"01a01853-07d6-755e-98ca-c62b9e4e18c9","title":null,"body":"

Hello everyone, I’ve re uploaded my first component, which had gone missing. You can purchase it and use it in your projects. Thanks!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello everyone, I’ve re uploaded my first component, which had gone missing. You can purchase it and use it in your projects. Thanks!"}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZlV9wJQMHzgRSlgAkXIS","resolved":true,"title":"Layered Card Slider","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer website with an interactive, high-performance "},{"type":"text","text":"Layered Card Slider","marks":[{"type":"bold"}]},{"type":"text","text":". Designed with smooth spring physics and a fluid mouse-tilt effect, this component gives your portfolio, hero section, or product showcases a tactile, premium feel."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with "},{"type":"text","text":"Framer Property Controls","marks":[{"type":"bold"}]},{"type":"text","text":", buyers can customize every detail directly from the Inspector panel—no coding required!"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Mouse Tilt:","marks":[{"type":"bold"}]},{"type":"text","text":" Cards react dynamically to cursor movement with natural, spring-based rotation physics."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Swipe & Drag Gesture:","marks":[{"type":"bold"}]},{"type":"text","text":" Drag cards left or right to cycle through the stack seamlessly."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Card Sizing:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust card width and height independently up to 300% to fit any layout or frame size."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Complete Typography Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over font family, font size, font weight, and text color for card titles."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Shadow Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine-tune shadow color, blur radius, and vertical offset to match dark or light design themes."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opacity Decay & Depth Stacking:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatic depth positioning with customizable opacity and scaling steps for inactive cards."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% No-Code Friendly:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload images, edit text, and tweak physical properties directly in the Framer Canvas sidebar."}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Portfolios"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature Highlights & UI Kits"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Showcases"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial Cards & Hero Sections"}]},{"type":"paragraph"}]}]}]},"introduction":"Fully Custom 3D Tilt Card Stack","slug":"layered-card-slider","author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/01a01841-5f25-70dc-922d-d0829aae2a71.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1660}}],"post":null,"createdAt":"2026-08-19T04:41:29.054Z","updatedAt":"2026-08-19T04:41:29.054Z","publishedAt":"2026-08-19T04:41:29.051Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://layercard.framer.website/?editSite","price":"7","paymentUrl":"https://contra.com/payment-link/2I2lcMLH-layer-card-corousel-fully-custom-3-d-tilt-card-stack","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"Z3jWS5QZvqtPkujGAYfU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T04:41:29.814Z","updatedAt":"2026-08-19T04:41:29.814Z"},{"id":"01a01591-cd5c-753e-aee6-57605a703801","title":null,"body":"

I don't know why my first component suddenly disappeared—whether I accidentally deleted it or if Framer actually removed it. Has anyone else experienced this?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I don't know why my first component suddenly disappeared—whether I accidentally deleted it or if Framer actually removed it. Has anyone else experienced this?"}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T15:51:11.968Z","updatedAt":"2026-08-18T15:51:11.968Z"},{"id":"019fd53a-6125-7269-846b-58ef2e74f042","title":null,"body":"

Hey everyone, I'm still cooking up a new template, and don't forget that I have free components for you to use.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, I'm still cooking up a new template, and don't forget that I have free components for you to use."}]},{"type":"paragraph"}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/C9VtxBynwmnL00PjpqfB00lCswExILiCShCe1bimOIk2Q.m3u8","metadata":{"posterUrl":"https://image.mux.com/C9VtxBynwmnL00PjpqfB00lCswExILiCShCe1bimOIk2Q/thumbnail.webp?time=11.652","aspectRatio":"80:43","duration":17.050367}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":3},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-16T16:10:59.999Z","createdAt":"2026-08-06T04:00:00.809Z","updatedAt":"2026-08-16T16:10:59.999Z","repostedBy":{"creator":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c"},"repostId":"01a00b64-a9a1-7290-b815-1dc7d2b5e7b0","repostedAt":"2026-08-16T16:25:41.541Z"}},{"id":"01a009bb-c560-745f-bab6-6f428883afe4","title":null,"body":"

Go, go, let's go!!!! my component has come out!

Link Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Go, go, let's go!!!! my component has come out!"}]},{"type":"paragraph","content":[{"type":"text","text":"Link Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mycomponent.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/SyzhidRVbVjRjrIGhNQ2Cjves19RAiVriCMeVhA1oWg.m3u8","metadata":{"posterUrl":"https://image.mux.com/SyzhidRVbVjRjrIGhNQ2Cjves19RAiVriCMeVhA1oWg/thumbnail.webp?time=12.833","aspectRatio":"959:471","duration":16.933333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-19T06:05:56.189Z","createdAt":"2026-08-16T08:41:35.846Z","updatedAt":"2026-08-19T06:05:56.189Z","repostedBy":{"creator":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c"},"repostId":"01a00b64-508c-7418-9e93-fab154162c6f","repostedAt":"2026-08-16T16:25:18.733Z"}},{"id":"01a009bb-c560-745f-bab6-6f428883afe4","title":null,"body":"

Go, go, let's go!!!! my component has come out!

Link Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Go, go, let's go!!!! my component has come out!"}]},{"type":"paragraph","content":[{"type":"text","text":"Link Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mycomponent.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/SyzhidRVbVjRjrIGhNQ2Cjves19RAiVriCMeVhA1oWg.m3u8","metadata":{"posterUrl":"https://image.mux.com/SyzhidRVbVjRjrIGhNQ2Cjves19RAiVriCMeVhA1oWg/thumbnail.webp?time=12.833","aspectRatio":"959:471","duration":16.933333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-19T06:05:56.189Z","createdAt":"2026-08-16T08:41:35.846Z","updatedAt":"2026-08-19T06:05:56.189Z"},{"id":"01a009b3-17e1-72dc-bff9-f4e005de0622","title":null,"body":"

Go, go, go!!!!! remix it now.

Link Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Go, go, go!!!!! remix it now."}]},{"type":"paragraph","content":[{"type":"text","text":"Link Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mycomponent.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dAXYD3p29hNQbxMIdH8r","resolved":true,"title":"3D Pop Out Card","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your web designs with the 3D Pop Out Spotlight Card an interactive, modern card component designed to give your products and features depth and visual impact."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 3D Pop-Out Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Layered cutout objects jump, scale, and rotate on hover with smooth spring physics."}]},{"type":"paragraph","content":[{"type":"text","text":"•","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Cursor Tracking Spotlight:","marks":[{"type":"bold"}]},{"type":"text","text":" Dynamic radial glow follows the cursor seamlessly across the card."}]},{"type":"paragraph","content":[{"type":"text","text":"• Reactive Glow Border: ","marks":[{"type":"bold"}]},{"type":"text","text":"The border automatically lights up nearest to your mouse position using the same glow color."}]},{"type":"paragraph","content":[{"type":"text","text":"• Complete Customization: ","marks":[{"type":"bold"}]},{"type":"text","text":"Easily adjust images, typography, padding (all vs. per-side), border styles, shadows, and spring dynamics."}]},{"type":"paragraph","content":[{"type":"text","text":"• 60+ FPS Performance: ","marks":[{"type":"bold"}]},{"type":"text","text":"Powered by Framer Motion for buttery-smooth animations with zero layout shift."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• E-commerce & Product Showcases"}]},{"type":"paragraph","content":[{"type":"text","text":"• Modern Bento Grids & Feature Sections"}]},{"type":"paragraph","content":[{"type":"text","text":"• Creative Agency & Design Portfolios"}]},{"type":"paragraph","content":[{"type":"text","text":"• SaaS Landing Pages"}]},{"type":"paragraph","content":[{"type":"text","text":"No coding required — drag, drop, and customize everything directly from Framer’s properties panel!"}]}]},"introduction":"Interactive 3D cutout cards","slug":"3d-pop-out-card","author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/01a009b1-6e03-7318-bdfb-70a0d22f084f.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2400,"height":1600}}],"post":null,"createdAt":"2026-08-16T08:32:06.482Z","updatedAt":"2026-08-19T05:05:26.468Z","publishedAt":"2026-08-16T08:32:06.479Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mycomponent.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/nQuo3JNO-3-d-pop-out-card-interactive-3-d-cutout-cards","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"WLOvY4LEuPHLgeH0zlLl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-08-16T08:34:32.310Z","createdAt":"2026-08-16T08:32:07.137Z","updatedAt":"2026-08-16T08:34:32.310Z"},{"id":"01a0098d-8030-71fb-89f8-36e97f1cdff8","title":null,"body":"

this timeeeee🎉🎉🎉🎉

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"this timeeeee🎉🎉🎉🎉"}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T07:51:03.478Z","updatedAt":"2026-08-16T07:51:03.478Z"},{"id":"01a004b9-3de1-762b-bff4-b741f7d2957d","title":null,"body":"

Guys, I just created a component like this, but it's not finished yet.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, I just created a component like this, but it's not finished yet."}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/01nBKA74Es0202mOVN7VKeZOIHlB2b5dG9XGtgzXFNu02Gs.m3u8","metadata":{"posterUrl":"https://image.mux.com/01nBKA74Es0202mOVN7VKeZOIHlB2b5dG9XGtgzXFNu02Gs/thumbnail.webp?time=3.667","aspectRatio":"959:515","duration":11.166667}}],"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":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-15T09:20:44.006Z","updatedAt":"2026-08-15T09:20:44.006Z"},{"id":"019ff6e1-d432-76ad-879b-11b532d11da4","title":null,"body":"

Alright everyone, I'm going to release a new component that I frequently use in my web projects.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Alright everyone, I'm going to release a new component that I frequently use in my web projects."}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-12T16:50:22.909Z","updatedAt":"2026-08-12T16:50:22.909Z"},{"id":"019fd53a-6125-7269-846b-58ef2e74f042","title":null,"body":"

Hey everyone, I'm still cooking up a new template, and don't forget that I have free components for you to use.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, I'm still cooking up a new template, and don't forget that I have free components for you to use."}]},{"type":"paragraph"}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/C9VtxBynwmnL00PjpqfB00lCswExILiCShCe1bimOIk2Q.m3u8","metadata":{"posterUrl":"https://image.mux.com/C9VtxBynwmnL00PjpqfB00lCswExILiCShCe1bimOIk2Q/thumbnail.webp?time=11.652","aspectRatio":"80:43","duration":17.050367}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":3},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-16T16:10:59.999Z","createdAt":"2026-08-06T04:00:00.809Z","updatedAt":"2026-08-16T16:10:59.999Z"},{"id":"019fc7b7-5bbe-71da-a1b0-8c4a2cfcc46f","title":null,"body":"

Okay guys, I just uploaded my first component, and I'm going to upload my first template stay tuned.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay guys, I just uploaded my first component, and I'm going to upload my first template stay tuned."}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-03T13:02:01.908Z","createdAt":"2026-08-03T13:01:50.408Z","updatedAt":"2026-08-03T13:02:01.908Z"},{"id":"019fc67f-bd3c-75fe-a688-68d7c316bc28","title":null,"body":"

Okay guys, after all the drama, I’ve finally managed to upload my first component. If you’re seeing this post, please use my component and provide some feedback.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay guys, after all the drama, I’ve finally managed to upload my first component. If you’re seeing this post, please use my component and provide some feedback."}]},{"type":"paragraph"}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/019fc67f-a38a-76d1-bb07-5aca962d751a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1660}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-16T16:11:21.037Z","createdAt":"2026-08-03T07:21:28.128Z","updatedAt":"2026-08-16T16:11:21.037Z"},{"id":"019fc5eb-70a1-708e-baf6-d5bf913c017a","title":null,"body":"

Guys, I need your help again. What is happening here? If anyone has experienced this, please help me out.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, I need your help again. What is happening here? If anyone has experienced this, please help me out."}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/019fc5ea-623d-75ec-a163-1631d006ed6a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":721,"height":699}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T04:39:29.190Z","updatedAt":"2026-08-03T04:39:29.190Z"},{"id":"019fc126-d78b-77ef-b481-d21abc18b440","title":null,"body":"

Which one!!! Goated or not!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Which one!!! Goated or not!"}]}]},"author":{"framerUserId":"cf79b33d-8ec3-4bf2-8cf4-822e63f6c190","name":"Rashid Iqbal","slug":"rashidiqbal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1235366/avatar-A0hz247PWQPoVlJ4u5z5KDJw4wjQqO.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cf79b33d-8ec3-4bf2-8cf4-822e63f6c190/019fc126-91fa-721b-9c16-cd2218a0b93f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1254,"height":1254}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":52,"liked":false},"comments":{"count":25},"reposts":{"count":6,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T06:26:16.088Z","updatedAt":"2026-08-02T06:26:16.088Z","repostedBy":{"creator":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c"},"repostId":"019fc12d-981b-7271-a8a6-8180b6361cab","repostedAt":"2026-08-02T06:33:38.589Z"}},{"id":"019fc12d-6da6-7669-aa08-15b7b5575622","title":null,"body":"

Guys, please help why is my component only visible to me and not public?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, please help why is my component only visible to me and not public?"}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/351bf2cb-e15b-4dde-8967-d172238fc28f/019fc12c-6b3d-75ea-9717-92f7f662bc8f.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":368,"height":484}}],"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":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T06:33:27.837Z","updatedAt":"2026-08-02T06:33:27.837Z"},{"id":"019fbc68-37db-745b-b88a-46b5cc41ad66","title":null,"body":"

Okay guys, I'll be uploading my first component soon.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay guys, I'll be uploading my first component soon."}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T08:19:34.496Z","updatedAt":"2026-08-01T08:19:34.496Z"},{"id":"019fbb98-6e1b-73d1-ac85-597c4a74c94c","title":null,"body":"

Hello, everyone i want start selling my tamplates or component soon

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello, everyone i want start selling my tamplates or component soon "}]}]},"author":{"framerUserId":"351bf2cb-e15b-4dde-8967-d172238fc28f","name":"arval rizki aditya","slug":"arval-rizki-aditya","avatar":"https://framerusercontent.com/avatars/users/351bf2cb-e15b-4dde-8967-d172238fc28f/nTGBGbF1c","followed":false,"followsYou":false},"media":[],"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":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T04:32:36.896Z","updatedAt":"2026-08-01T04:32:36.896Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]