Map layers + live widgets + forecast

# A clean SaaS landing
for your weather dashboard.

This design is more “product company” vibe: blueprint grid, sharp typography, and a big preview card. Perfect for GitHub.

View Demo Features
5
Map layers
3
API calls
1
Dashboard view
weatherdash.app / dashboard
Secure
Dashboard
Dashboard
Alerts
Settings
Now
9°C Feels 7°C
1.1 m/s NE
40%Humidity
Dashboard: Guangzhou City
9°C
Feels like 9°C
Precip 0.00 mm
Wind 1.16 m/s
Humidity 40%
Clouds 0%
Pressure 1024 hPa
03:00 06:00 09:00 12:00 15:00 18:00
Forecast Live (3-hour steps)
Time
03:00
06:00
09:00
12:00
15:00
18:00
Weather
Temp
11°
14°
20°
20°
20°
18°
04 January 2026
All Alerts

### Trigger Events

Trigger 15°C
Temperature falls below
04 Jan, 03:00
Trigger 15°C
Temperature falls below
04 Jan, 06:00
Replace the preview UI with your actual screenshot when ready.

## Features

Modern blue theme

Gradient accents + soft shadows + premium layout.

Easy swap

Drop your screenshot into the preview frame.

Portfolio-ready

Clean sections + strong CTA + minimal fluff.

## How it works

1. Build your weather dashboard (OpenWeatherMap API)
2. Put your app link in the buttons
3. Deploy to GitHub Pages

## Ready to ship your weather UI?

Use this landing page as your Design 2 showcase.

View Repo Live Site