A modern, interactive birthday surprise page with premium animations and effects.

Features

• Premium Dark/Glassmorphism Design - Modern aesthetic with glass-like surfaces
• Interactive Elements:
  • Draggable balloons (drag to move, double-click to pop!)
  • Enhanced signature pad
  • Gift box opening animation
  • Confetti effects
  • Floating particles background
• Responsive - Works on desktop and mobile devices
• Easy Customization - Edit js/config.js to personalize

Quick Start

1. Open index.html in a modern web browser
2. Click/tap the magic gift box to start the experience
3. Follow the on-screen buttons to progress through the experience
4. Enjoy the birthday celebration!

File Structure

├── index.html              # Main HTML file
├── assets/
│   ├── audio/
│   │   └── hbd.mp3        # Birthday music
│   └── images/
│       ├── img.png         # Photo 1
│       └── img2.png        # Photo 2
├── css/
│   └── theme.css           # Modern design system
├── js/
│   ├── config.js           # Personalization settings
│   └── components/
│       ├── balloons.js     # Draggable balloons
│       └── signature.js    # Signature pad
└── file/
    ├── effect.js           # Main animation sequence
    ├── function.js         # Utility functions
    ├── love.js             # Love tree effect
    ├── default.css         # Base styles
    ├── stylesheet.css      # Main styles
    ├── cake.css           # Cake styles
    ├── premium-features.css # Premium UI styles
    └── *.js               # Animation libraries (Jscex)

Customization

Edit js/config.js to personalize the name, messages, and colors.

Browser Support

• Chrome 80+
• Firefox 75+
• Safari 13+
• Edge 80+

Credits

Made with ❤️ for Raziya's birthday