A beautiful, fully static, personalized Happy Birthday celebration website with animations, confetti, and background music.
- 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 Rosecute- Cute Pastelclassy- Classy Goldneon- Neon Lightsocean- Ocean Breezesunset- Sunset Dreamsforest- Forest Mystiqueroyal- Royal Elegancecandy- 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)
Themes can be selected via:
- URL parameter:
?theme=romantic - On-page form: Select from dropdown
Simply share the URL with encoded parameters:
https://root-ilyas.github.io/happy-birthday/?c=E0AKQ0MPe1xLVRtASEMYDwgBCxhKFkZbW0NXX1wWREAIQ0MPV14QSQ
This project is free to use for personal celebrations! 🎉
Feel free to modify, customize, and share.
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!