Skip to content

Repository files navigation

🎉 Happy Birthday Website

A beautiful, fully static, personalized Happy Birthday celebration website with animations, confetti, and background music.

✨ Features

  • Personalized Experience: Customize with name and age via URL or on-page form
  • 10 Beautiful Themes: Choose from Classic, Romantic, Cute, Classy, Neon, Ocean, Sunset, Forest, Royal, and Candy themes
  • Multi-Language Support: 10 languages including English, Urdu, Hindi, Turkish, Spanish, Russian, French, German, Arabic, and Chinese
  • Beautiful Animations:
    • Animated title reveal
    • Age counter animation
    • Floating balloons
    • Canvas-based confetti
    • CSS fireworks effects
  • Rotating Birthday Wishes: 10+ heartfelt wishes in each language
  • Background Music: Happy Birthday instrumental with play/pause controls
  • Fully Responsive: Works perfectly on mobile, tablet, and desktop
  • RTL Support: Automatic right-to-left layout for Arabic and Urdu
  • 100% Static: No server, no database, no build tools required
  • GitHub Pages Ready: Deploy instantly to github.io

Available Themes:

  • classic - Classic Purple (default)
  • romantic - Romantic Rose
  • cute - Cute Pastel
  • classy - Classy Gold
  • neon - Neon Lights
  • ocean - Ocean Breeze
  • sunset - Sunset Dreams
  • forest - Forest Mystique
  • royal - Royal Elegance
  • candy - Candy Pop

Available Languages:

  • en - English (default)
  • ur - اردو (Urdu)
  • hi - हिन्दी (Hindi)
  • tr - Türkçe (Turkish)
  • es - Español (Spanish)
  • ru - Русский (Russian)
  • fr - Français (French)
  • de - Deutsch (German)
  • ar - العربية (Arabic)
  • zh - 中文 (Chinese)

🎨 Customization Guide

Changing Themes

Themes can be selected via:

  1. URL parameter: ?theme=romantic
  2. On-page form: Select from dropdown

🎁 Sharing the Website

Share as a Link

Simply share the URL with encoded parameters:

https://root-ilyas.github.io/happy-birthday/?c=E0AKQ0MPe1xLVRtASEMYDwgBCxhKFkZbW0NXX1wWREAIQ0MPV14QSQ

📄 License

This project is free to use for personal celebrations! 🎉

Feel free to modify, customize, and share.

💝 Credits

Created with love using:

  • Pure HTML5, CSS3, JavaScript (ES6+)
  • Canvas API for confetti
  • No external dependencies or frameworks

Enjoy the celebration! 🎊🎉🎂

If you have questions or want to share your customizations, feel free to open an issue on GitHub!

About

Website to wish happy birthday to your loved one :)

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages