A sleek, premium birthday countdown timer built with Vue 3. This project features a high-fidelity design with real-time updates across multiple timezones and a visual year progress indicator.
- Live Countdown: Precise tracking of days, hours, minutes, and seconds.
- Year Progress: A dynamic progress bar showing how much of the current birthday cycle has passed.
- Multi-Timezone Sync: Real-timezone tracking for UTC, Jakarta (GMT+7), and your local browser time.
- Modern Aesthetics: Built with a clean, glassmorphic design and responsive layout.
- Zero Build Step: Pure HTML, CSS, and Vue 3 via CDN for instant setup.
- Vue 3: Composition-ready (using Global Build)
- CSS3: Custom properties, Flexbox/Grid, and glassmorphism effects.
- HTML5: Semantic structure.
- CDN Powered: No
npm installor build process required.
Simply open index.html in your browser, or serve it locally for the best experience:
# Using serve (recommended)
npx serve .
# Or using Python
python3 -m http.serverCheck out the live version here: bod.adityacprtm.dev
Created by Adityacprtm