Tutorial Membuat Web Ucapan Ulang Tahun dengan HTML, CSS dan JS

Опубликовано: 03 Июнь 2026
на канале: Fajar Ghifari Nugroho
38,513
895

🎂 Build a Happy Birthday Webpage with HTML, CSS & JavaScript

Say happy birthday to someone special in a unique way! This animated birthday webpage is built with HTML, CSS, and JavaScript, featuring smooth animations powered by GSAP (GreenSock).

⚠️ UPDATE: This project has been completely revamped!
You now only need to edit ONE file (config.js) to change the name, photo, music, and all content — no need to touch any HTML, CSS, or JS code.
Check out the latest source code below.

✨ What's New (v2):
• Config-driven — just edit config.js, no coding required
• 12 modular components (greeting, countdown, chatbox, balloons, fireworks, and more)
• Dark / Light mode toggle
• Fully responsive & mobile-friendly
• Easily add, remove, or reorder sections

📦 Resources
🔗 Source Code: https://github.com/fajarghifar/happyb...
🔗 Live Demo: https://fajarghifar.github.io/happybi...
🔗 Assets (images, music): https://bit.ly/assets-happybirthday

🌐 Find me
GitHub: https://github.com/fajarghifar
Instagram:   / fajarghifar  
LinkedIn:   / fajarghifar  

💖 Support me
https://trakteer.id/fajarghifari
https://buymeacoffee.com/fajarghifar

🔔 Don't forget to like, subscribe, and hit the bell!

#happybirthday #html #css #javascript #gsap #webdev #coding #birthday #animation #opensource