This is a special Birthday Celebration Website created using Next.js, Tailwind CSS, Framer Motion, and Lucide Icons.
It's designed as a personal and emotional way to wish someone special — when you can't be there physically, let your code speak! 💖
POV: It's her birthday, but you can't meet — so you build something special instead.
The website features:
- A live countdown timer ⏳
- Personalized birthday messages 🎈
- Smooth animations using Framer Motion ✨
- Cute icons and a heartfelt design 💌
This was created as part of an emotional reel where the journey begins with a few lines of code in VS Code and ends with a beautiful surprise on the browser.
-
Loader Page
-
Countdown Page
-
Happy Birthday Message Screen
To run this project locally:
git clone https://github.com/Anuj579/birthday-site.git
cd birthday-site
npm install
npm run devMake sure to update the target date in Home component if you want to reuse this.
Follow for more such creative and code-based content!
- 📸 Instagram: @anujbuilds
- 🎥 YouTube: @anujbuilds
- 🐦 Twitter/X: @anujbuilds
- 💼 LinkedIn: Anuj Chaudhary
Thanks for checking out this project! If you liked it, consider giving it a ⭐️ on GitHub and sharing the reel ❤️