50:I[267044,["/creators-assets/_next/static/immutable/chunks/1hsplt7jfjgnh.js","/creators-assets/_next/static/immutable/chunks/0ct7__d3eqq0r.js","/creators-assets/_next/static/immutable/chunks/0c-r9a3oxph1w.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1co9epfn9jp6v.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/3or5zvywp1ubp.js","/creators-assets/_next/static/immutable/chunks/1k3rwcufrnywl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/0lx6ikbaymow8.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/3-v4s4kk6cmds.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/3nzo9vld-4e3c.js","/creators-assets/_next/static/immutable/chunks/1-4qrfj8z2lbh.js","/creators-assets/_next/static/immutable/chunks/0iefpbbgjpqk_.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/424127942kmt_.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js"],"S"] 51:T6e6,

Card Ring 3D — An Immersive Rotating Image Showcase

Card Ring 3D is a custom Framer code component that arranges any set of images into a continuously rotating, tilted 3D ring. Built with real CSS 3D transforms and a frame-rate-independent requestAnimationFrame loop, it delivers buttery-smooth, non-stop motion that makes a gallery of flat images feel like a tangible object floating in space.

What it does

Renders image cards evenly around a circular ring in true 3D perspective.
Rotates endlessly, with every card staying visible as it travels around the full ring — front and back.
Sits on a clean, tunable background (default deep black) so the imagery is the hero.

Why it’s nice

Fully tunable, no code required. Radius, tilt, rotation speed, card size, corner radius, perspective depth, background color, and the image set are all exposed as Framer property controls.
Performance-conscious. Animation pauses off-screen, respects prefers-reduced-motion, and supports optional pause-on-hover.
Drop-in ready. Fills its frame responsively and works with any collection of images — portfolios, product shots, photography, or brand moments.

Built with: Framer + React, CSS 3D transforms, Framer Motion’s in-view detection, and Framer property controls.

A small, focused component that turns an ordinary image grid into an eye-catching centerpiece.

52:T549,

FeatureCard is a clean, modern Framer component crafted to spotlight your product’s features, flows, onboarding steps, and essential SaaS elements. Its standout feature is the multi-tag input: users can add, edit, or remove several tags in a single field, simply typing commas between words—powered by a custom Framer code snippet. Perfect for startups, landing pages, and presentations, it helps validate ideas, align visions, and clearly define what matters for your MVP.

Effortlessly customizable—edit text, colors, and styles to match your brand in seconds, with no code needed. Instantly manage multiple tags to showcase different product aspects, making every use relevant. Seamlessly works with other Framer components for powerful, coherent design systems.

Features

Multi-tag input: Add multiple tags using commas in a single field—edit and manage instantly
Easily customizable—labels, colors, styles, and tags
Highlights key features, flows, onboarding, and feedback
Minimal, universally adaptable design
Smooth integration with any Framer layout
Ideal for SaaS, startups, launches, and portfolios

Make your product stand out with FeatureCard—a structured, visually engaging way to present what matters most.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-49bdd53f-e759-4594-9b93-4a1503840d3d-all:/unified/creator/49bdd53f-e759-4594-9b93-4a1503840d3d/activity/":[{"data":[{"id":"019fa375-fbc7-741d-80f2-7939b7ea7b80","type":"comment.liked","target":{"type":"comment","id":"019f8449-c009-760d-82c2-23e788f68d33","preview":"Looking great with (probably) bg shader, \"Harsh\", but true :))))","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Looking great with (probably) bg shader, \"Harsh\", but true :))))"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"feedItemType":null,"actions":{"postId":"019f8447-dd23-7467-9f56-09121158327b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8449-c009-760d-82c2-23e788f68d33"},"repost":null}},"context":{"type":"post","id":"019f8447-dd23-7467-9f56-09121158327b","preview":"Hero section design for a framer project","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section design for a framer project"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49bdd53f-e759-4594-9b93-4a1503840d3d/019f8447-8bc7-7008-bd44-0146c30a2f34.png","targetDeleted":false,"owned":true,"feedItemType":"post","actions":{"postId":"019f8447-dd23-7467-9f56-09121158327b","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","slug":"deslin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T12:04:06.211Z","latestAt":"2026-07-27T12:04:06.211Z"},{"id":"019fa375-ec89-7535-b78a-bf59bf436532","type":"comment.liked","target":{"type":"comment","id":"019f8448-b865-7151-8d81-6523e3df247d","preview":"Really nice execution! Simple, elegant, and effective.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really nice execution! Simple, elegant, and effective."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"feedItemType":null,"actions":{"postId":"019f8447-dd23-7467-9f56-09121158327b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8448-b865-7151-8d81-6523e3df247d"},"repost":null}},"context":{"type":"post","id":"019f8447-dd23-7467-9f56-09121158327b","preview":"Hero section design for a framer project","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section design for a framer project"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49bdd53f-e759-4594-9b93-4a1503840d3d/019f8447-8bc7-7008-bd44-0146c30a2f34.png","targetDeleted":false,"owned":true,"feedItemType":"post","actions":{"postId":"019f8447-dd23-7467-9f56-09121158327b","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","slug":"deslin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T12:04:02.309Z","latestAt":"2026-07-27T12:04:02.309Z"},{"id":"019ee416-0054-75aa-94c0-8da8ce8ed26e","type":"creator.followed","target":{"type":"creator","id":"7b34ca5d-5f1b-47da-9ab6-dbafa98f7c64","preview":"Elias ALVES","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1986765/ZQCDW6564-Rd4a11uLlTKRXXJMOFXxqWVm8c2e46","slug":"elias-alves","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","slug":"deslin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T08:11:47.660Z","latestAt":"2026-06-20T08:11:47.660Z"},{"id":"019ee415-d0fb-735f-915e-7004523cf26f","type":"creator.followed","target":{"type":"creator","id":"b52ec26d-e0c3-4d1c-bddf-4dbf55338e4f","preview":"FrameBuild","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/238316/avatar-ELWQF8t3QI529f2aF3wSmDGBYHpPtI.jpg","slug":"framebuild","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","slug":"deslin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T08:11:35.543Z","latestAt":"2026-06-20T08:11:35.543Z"},{"id":"019ee415-b50f-7628-a32f-182520928e2a","type":"creator.followed","target":{"type":"creator","id":"4164956a-7177-4789-b8ea-5567983998f4","preview":"Domenico Griffo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4164956a-7177-4789-b8ea-5567983998f4/oft9a3s0","slug":"domegriffo","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","slug":"deslin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T08:11:28.395Z","latestAt":"2026-06-20T08:11:28.395Z"},{"id":"019ed589-51a4-74fd-ae0f-8237cddf0649","type":"comment.liked","target":{"type":"comment","id":"019ed585-4a13-75ac-b5a1-b1851fa10b3d","preview":"Amazing🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Amazing"},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"feedItemType":null,"actions":{"postId":"019ed57f-537f-72fb-8c12-ad2b3aff651f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed585-4a13-75ac-b5a1-b1851fa10b3d"},"repost":null}},"context":{"type":"post","id":"019ed57f-537f-72fb-8c12-ad2b3aff651f","preview":"This is my submission for Agents Hackathon!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is my submission for Agents Hackathon! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"feedItemType":"post","actions":{"postId":"019ed57f-537f-72fb-8c12-ad2b3aff651f","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","slug":"deslin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T12:23:26.880Z","latestAt":"2026-06-17T12:23:26.880Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:49bdd53f-e759-4594-9b93-4a1503840d3d:/unified/posts/?creator=49bdd53f-e759-4594-9b93-4a1503840d3d&with=reposts":[{"data":[{"id":"019f8447-dd23-7467-9f56-09121158327b","title":null,"body":"

Hero section design for a framer project

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section design for a framer project"}]}]},"author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49bdd53f-e759-4594-9b93-4a1503840d3d/019f8447-8bc7-7008-bd44-0146c30a2f34.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1080}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T10:45:30.030Z","updatedAt":"2026-07-21T10:45:30.030Z","type":"post"},{"id":"019f1274-8a03-77ab-8276-8645c252fd3e","title":null,"body":"

Billing Page· Managing your subscription shouldn't require a support ticket.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Billing Page· Managing your subscription shouldn't require a support ticket."}]}]},"author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/xIqA02DT1qs8KiexUXG4W2sk00JE1m3eJvyjR01hjB008t00.m3u8","metadata":{"posterUrl":"https://image.mux.com/xIqA02DT1qs8KiexUXG4W2sk00JE1m3eJvyjR01hjB008t00/thumbnail.webp?time=1.25","aspectRatio":"16:9","duration":8}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T08:17:35.240Z","updatedAt":"2026-06-29T08:17:35.240Z","type":"post"},{"id":"019ed57f-537f-72fb-8c12-ad2b3aff651f","title":null,"body":"

This is my submission for Agents Hackathon!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is my submission for Agents Hackathon! "}]}]},"author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed57f-537f-72fb-8c12-b22589dbd675","contestId":"agents-hackathon","author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg"},"title":"3D Image Cards","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Ring 3D — An Immersive Rotating Image Showcase","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Card Ring 3D is a custom Framer code component that arranges any set of images into a continuously rotating, tilted 3D ring. Built with real CSS 3D transforms and a frame-rate-independent ","marks":[{"type":"bold"}]},{"type":"text","text":"requestAnimationFrame","marks":[{"type":"code"}]},{"type":"text","text":" loop, it delivers buttery-smooth, non-stop motion that makes a gallery of flat images feel like a tangible object floating in space.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Renders image cards evenly around a circular ring in true 3D perspective.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotates endlessly, with every card staying visible as it travels around the full ring — front and back.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sits on a clean, tunable background (default deep black) so the imagery is the hero.","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why it’s nice","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully tunable, no code required. Radius, tilt, rotation speed, card size, corner radius, perspective depth, background color, and the image set are all exposed as Framer property controls.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-conscious. Animation pauses off-screen, respects ","marks":[{"type":"bold"}]},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":", and supports optional pause-on-hover.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop-in ready. Fills its frame responsively and works with any collection of images — portfolios, product shots, photography, or brand moments.","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with: Framer + React, CSS 3D transforms, Framer Motion’s in-view detection, and Framer property controls.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A small, focused component that turns an ordinary image grid into an eye-catching centerpiece.","marks":[{"type":"bold"}]}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49bdd53f-e759-4594-9b93-4a1503840d3d/tlxh65yt","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3199,"height":2399}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49bdd53f-e759-4594-9b93-4a1503840d3d/m2mfcph6","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3199,"height":2399}}],"post":null,"data":{"previewUrl":"https://charismatic-alternative-704077.framer.app/"},"winner":false,"createdAt":"2026-06-17T12:12:32.051Z","updatedAt":"2026-06-17T12:12:32.051Z"}],"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-06-17T12:12:32.009Z","updatedAt":"2026-06-17T12:12:32.009Z","type":"post"},{"id":"019ed425-14cb-70a1-9a1f-a3742b347326","title":null,"body":"

Building out my portfolio in framer ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Building out my portfolio in framer "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ER34jgIJGE9VC4EW400ifDo4ZE0200fjx3bLh9BCCeCc2k.m3u8","metadata":{"posterUrl":"https://image.mux.com/ER34jgIJGE9VC4EW400ifDo4ZE0200fjx3bLh9BCCeCc2k/thumbnail.webp?time=1.367","aspectRatio":"259:136","duration":5}}],"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-06-17T05:54:20.495Z","updatedAt":"2026-06-17T05:54:20.495Z","type":"post"},{"id":"0199c36a-6c93-7a37-b99f-d0534179d1e5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"148mcvpke3PzipdayZRL","resolved":true,"title":"FeatureCard","body":"$52","bodyJson":null,"introduction":"Add Tags with one input, instantly.","slug":"featurecard","author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/148mcvpke3PzipdayZRL/featurecard-LVPEjUSYBK0Fivm9caNkf9fzuxUlsO","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-01T18:16:44.735Z","updatedAt":"2026-04-13T07:09:49.865Z","publishedAt":"2025-10-08T10:42:35.795Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://long-input-151887.framer.app/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_MAwq01WjqvKZ0Sk29n1as0hjqUziRJ6bULNm847kTTU","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"5e652NisDSE7bNPeOvbk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T10:42:35.795Z","updatedAt":"2025-10-08T10:42:35.795Z","type":"post"},{"id":"019977f1-a1ec-75c3-8ed9-54f8984e404a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VJW8o46FCuY9ndPKZF7D","resolved":true,"title":"Availability Kicker","body":"

Availability Kicker is a clean, modern Framer component designed to highlight available spots, limited offers, or time-sensitive deals on your website or project. With a familiar status badge style—using lively color indicators and concise messaging—this component immediately draws attention to scarcity, prompting users to act quickly. Ideal for course signups, early-bird deals, event registrations, or product launches, it delivers a simple and effective way to showcase urgency and manage expectations while maintaining a professional, visually appealing layout.

Features

Real-time spots left or availability messaging
Bold, colorful indicator badges for visibility
Easy to customize text, colors, and styles
Works seamlessly with other Framer components
Minimal, universally adaptable design
Perfect for landing pages, product drops, events, or waitlists

","bodyJson":null,"introduction":"Let your viewers know your availability","slug":"availability-kicker","author":{"framerUserId":"49bdd53f-e759-4594-9b93-4a1503840d3d","name":"Harsh","slug":"deslin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/118277/avatar-GChpTaRlelIinqGpZ9yULp9MDOt5nF.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/VJW8o46FCuY9ndPKZF7D/availability-kicker-L60U7mSCrkQwGoKxMWIsmYZ7CmBzkb","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-18T13:29:29.434Z","updatedAt":"2026-04-28T07:03:34.356Z","publishedAt":"2025-09-23T18:59:08.396Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://significant-operators-291557.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_BxG7mZTKirbnYvqAQc0oAYcD6gjwXFQ5A21tz3Diuus","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"jwNNtDuVwru0FHfnx36P","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-23T18:59:08.396Z","updatedAt":"2025-09-23T18:59:08.396Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]