A modern and responsive 3D digital business card built using HTML, Tailwind CSS, and JavaScript. This card features animated flipping, social media links, QR integration, smooth download as PNG, and an eye-catching gradient UI.
Gradient/ ├── index.html # Main HTML file └── images/ ├── front.jpg # Background image for card front ├── Profile.jpg # Profile picture └── QR.jpg # QR code image
⚠️ Make sure all images are placed inside theimages/
folder located in the same directory asindex.html
.
- 🔁 3D Flip Animation — Tap to flip between front and back.
- 💾 Save Button — Download the card as a PNG image using
html2canvas
. - 📱 Responsive Design — Fully optimized for mobile and desktop devices.
- 📷 Profile and QR Image — Displayed on the front and back respectively.
- 🔗 Social Media Buttons — Direct links to Instagram, GitHub, Telegram, and YouTube.
- 📋 Copy Button — Quickly copy the profile link to the clipboard.
- 📝 Typing Text Animation — Dynamic intro message under the username.