A modern, responsive, and animated weather widget built using HTML, CSS, and Vanilla JavaScript.
This widget automatically detects the user's location using IP-based geolocation and displays real-time weather data.
✅ Automatic IP-based location detection
✅ Real-time weather information
✅ Responsive modern UI
✅ Animated weather backgrounds
✅ Dynamic weather icons
✅ Mobile-friendly layout
✅ Error handling with fallback location
✅ Lightweight and fast
| Weather Type | Effect |
|---|---|
| 🌧️ Rain | Animated rainfall |
| ❄️ Snow | Animated snowfall |
| 🌫️ Fog | Animated fog |
| ☀️ Sunny | Sun icon |
| ☁️ Cloudy | Cloud icon |
- 🌐 HTML5
- 🎨 CSS3
- ⚡ JavaScript
- ☁️ WeatherAPI
- 📍 IP Geolocation API
weather-widget/
│
├── weather-widget.html
├── README.md