3D Business Card

Overview Aurum 3D Business Card is a premium high-performance interactive identity component built for Framer.

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 System Cursor-driven tilt physics with smooth Framer Motion-based rotation, creating natural depth and parallax movement. Lanyard & Clasp Mechanical Structure Physically inspired layered design including ribbon strap, punch hole, and metallic clasp rendered with front/back depth separation. Dynamic Glare & Lighting Engine Real-time glare tracking that reacts to pointer position, simulating reflective surface behavior. Highly Customizable Identity System Supports full personalization of name, role, department, brand identity, email, and metadata fields. Advanced Visual Styling System Includes gradient mesh backgrounds, noise texture overlays, diagonal wave patterns, and optional image-based backgrounds. Micro-Interaction Layer Copy-to-clipboard email, share-to-X functionality, and animated action bar with responsive feedback states. Design System Ready Fully 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 Configuration Control card radius, lanyard visibility, action bar presence, and overall composition height depending on use case. Motion Physics Tuning Adjust tilt sensitivity, animation spring behavior, and interaction intensity for subtle or dramatic motion styles. Brand & Typography System Customize title/body fonts, logo presets, brand name hierarchy, and text contrast modes (dark/light). Background System Supports gradient-based visuals, image backgrounds, mesh glow effects, and optional noise texture overlays for premium depth. Interaction Settings Enable 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.

Interactive 3D identity card for Framer