A sleek, interactive 3D Holographic Developer Card built for modern web professionals. Crafted with clean vanilla HTML5, CSS3, and JavaScript, featuring real-time 3D tilt effects, dynamic holographic foils, theme persistence, and professional networking tools.
🔗 Live Demo: View Live Site
- 3D Tilt & Flip Mechanics: Smooth, physics-based card rotation reacting to cursor movement, mouse hover, and mobile touch gestures.
- Holographic Foil & Shine: Dynamic holographic gradients and specular light highlights that shift realistically across the card surface.
- Light & Dark Mode Toggle: Instant theme switching with automatic system/OS preference detection and
localStoragepersistence. - Custom Accent Palettes: Switch between multiple vibrant color accents to personalize your card instantly.
- Direct Professional Links: Fully interactive and clickable profiles for GitHub (
/saad-innovation) and LinkedIn (/in/saad-innovation). - Instant vCard Download: Generates and downloads a standard
.vcfcontact file so recruiters and peers can save your details in one click. - Dynamic QR Code Modal: Built-in QR code generator overlay for easy profile sharing and scanning.
- Quick Link Copying: One-click clipboard link copying with smooth visual feedback ("Copied!").
- HTML5 (Semantic structure & vCard data encoding)
- CSS3 (Advanced Flexbox, 3D Transforms, CSS Custom Properties / Variables, Keyframe Animations)
- JavaScript (ES6+) (DOM manipulation, smooth
lerpphysics calculations, Web APIs) - QRCode.js (Dynamic QR code generation library)
To run this project locally on your machine, follow these simple steps:
- Clone the repository:
git clone [https://github.com/saad-innovation/developer-card.git](https://github.com/saad-innovation/developer-card.git)