Wind Compass

Cardinal-marked SVG dial with a sky pointer rotated to a compass direction, paired with speed and gust.

12km/h
NE windGust 18 km/h

New here? Read the installation guide.

Import & use
import { Weather8 } from "@/components/beste/piece/weather8";

<Weather8
  speed={12}
  unit="km/h"
  direction="NE"
  gust={18}
/>

More Weather pieces

View all Weather
Istanbul
22°C
Sunny
H:25°L:14°· Feels 24°

Hero Weather

Big tabular temperature anchored under a city header and condition icon, with high, low, and feels-like below.

PrecipitationNext 6h
10%
Now
25%
11
60%
12
95%
1
78%
2
35%
3

Precipitation Bars

Six-hour rain probability column chart with sky-blue bars rising on a muted track and percentages on top.

Heat AdvisoryAdvisory

Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun.

Until 9:00 PM tonight

Weather Alert

Severity-colored triangle alert with title, severity badge, descriptive detail, and an Until line.

Humidity64%
Wind12 km/hNE
Pressure1018 hPa
UV Index6High

Weather Metrics

Four-cell grid of atmospheric stats with uppercase labels, bold tabular values, and an optional detail line.

Mon
24°15°
Tue
22°14°
Wed
18°12°
Thu
19°13°
Fri
25°16°

Weekly Forecast

Row of day columns with weekday label, condition icon, and a high/low temperature pair.

SunriseSunset
6:14 AM8:42 PM
Daylight 14h 28m

Sunrise & Sunset

Sunrise and sunset times bracketing a thin track with an amber sun marker positioned by day progress.

Markdown version