5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:Te6f,

Overview

Aurum 3D Business Card is a premium high-performance interactive identity component built for Framer. It transforms a standard business card into a physically inspired 3D object with realistic depth, lighting, and motion physics. Featuring a lanyard system, metallic clasp structure, and punch-hole design, it delivers a tactile digital experience that responds naturally to cursor movement and user interaction.

Unlike static card components, this system is designed as a living UI object—combining cinematic motion, layered visual depth, and advanced customization controls for modern product and brand experiences.

Key Features

Realistic 3D Interaction SystemCursor-driven tilt physics with smooth Framer Motion-based rotation, creating natural depth and parallax movement.

Lanyard & Clasp Mechanical StructurePhysically inspired layered design including ribbon strap, punch hole, and metallic clasp rendered with front/back depth separation.

Dynamic Glare & Lighting EngineReal-time glare tracking that reacts to pointer position, simulating reflective surface behavior.

Highly Customizable Identity SystemSupports full personalization of name, role, department, brand identity, email, and metadata fields.

Advanced Visual Styling SystemIncludes gradient mesh backgrounds, noise texture overlays, diagonal wave patterns, and optional image-based backgrounds.

Micro-Interaction LayerCopy-to-clipboard email, share-to-X functionality, and animated action bar with responsive feedback states.

Design System ReadyFully tokenized styling using fonts, colors, and spacing variables for seamless brand integration.

Advanced Controls

This component provides deep customization across visual, behavioral, and structural layers:

Layout ConfigurationControl card radius, lanyard visibility, action bar presence, and overall composition height depending on use case.

Motion Physics TuningAdjust tilt sensitivity, animation spring behavior, and interaction intensity for subtle or dramatic motion styles.

Brand & Typography SystemCustomize title/body fonts, logo presets, brand name hierarchy, and text contrast modes (dark/light).

Background SystemSupports gradient-based visuals, image backgrounds, mesh glow effects, and optional noise texture overlays for premium depth.

Interaction SettingsEnable or disable 3D interactivity, control hover response, and manage pointer-based glare rendering.

Perfect For

SaaS landing pages and hero sections
Personal portfolio websites
Creative agency presentations
Startup branding pages
Digital identity or membership systems
Web3 and modern product UI experiences

Refund Policy

Due to the digital nature of this Framer Component, refunds are generally not available once the remix link or component access has been provided. However, if you encounter any technical issues, bugs, or unexpected behavior, support is fully available. We are committed to ensuring the component functions correctly and will provide fixes or updates when necessary.

Support

For setup assistance, customization guidance, or technical support, please contact the developer through the Framer Marketplace dashboard. Responses are typically provided within a reasonable timeframe depending on request complexity.

59:[["$","$L5c",null,{"post":{"id":"019e98a0-66a5-75f2-a1be-ded70b5394ab","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"51ad88d5-5dd5-4981-bbd5-83e066935d2c","name":"EasySpark","slug":"easyspark","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/376332/avatar-6CGUGSBMw17kf3ZqbRDAEzUlU9ShED.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"81zVCuhyTxqYTlZxInGE","resolved":true,"title":"3D Business Card","body":"$5d","bodyJson":null,"introduction":"Interactive 3D identity card for Framer","slug":"3d-business-card","author":{"framerUserId":"51ad88d5-5dd5-4981-bbd5-83e066935d2c","name":"EasySpark","slug":"easyspark","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/376332/avatar-6CGUGSBMw17kf3ZqbRDAEzUlU9ShED.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/81zVCuhyTxqYTlZxInGE/3d-business-card-1LJ2CoPRNlm9BHZ9OBL7RgNMmDIbGH","metadata":{"tint":"hsl(0 0% 9%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-06-01T15:15:16.990Z","updatedAt":"2026-06-05T16:25:55.664Z","publishedAt":"2026-06-05T16:31:49.413Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3d-business-card.framer.website/","price":"59","paymentUrl":"https://easyspark.lemonsqueezy.com/checkout/buy/c09f4232-630e-4f94-89f8-67dad2882dd3","workshop":false,"categories":[{"id":"4fdfe3ed-ecd1-4761-a9df-b36c0c38e974","name":"Layout","slug":"layout"}],"lastSaveId":"qgbJcEB87KUdGPQekdUS"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":24,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T16:31:49.413Z","updatedAt":"2026-06-05T16:31:49.413Z","reported":false}}],"$L5e"]

Suggested for you