Skip to content

Gradient Theme is a visually rich styling framework designed to simplify applying smooth, customizable gradient color schemes across UI components. It supports direction, color stops, and opacity controls, enabling developers to rapidly create consistent, modern, gradient-based designs.

Notifications You must be signed in to change notification settings

index-oss/Gradient_theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎴 Dark Eagle Gradient Business Card

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.


📂 Folder Structure

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 the images/ folder located in the same directory as index.html.


🚀 Features

  • 🔁 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.

About

Gradient Theme is a visually rich styling framework designed to simplify applying smooth, customizable gradient color schemes across UI components. It supports direction, color stops, and opacity controls, enabling developers to rapidly create consistent, modern, gradient-based designs.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages