Weather pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
1–10 of 10
| Piece | Title | Category | Install |
|---|---|---|---|
| weather10 | Weather Alert | Weather | npx shadcn add https://ui.beste.co/piece/r/weather10 |
| weather9 | Air Quality Index | Weather | npx shadcn add https://ui.beste.co/piece/r/weather9 |
| weather8 | Wind Compass | Weather | npx shadcn add https://ui.beste.co/piece/r/weather8 |
| weather7 | Precipitation Bars | Weather | npx shadcn add https://ui.beste.co/piece/r/weather7 |
| weather6 | Sunrise & Sunset | Weather | npx shadcn add https://ui.beste.co/piece/r/weather6 |
| weather5 | Weather Metrics | Weather | npx shadcn add https://ui.beste.co/piece/r/weather5 |
| weather4 | Hero Weather | Weather | npx shadcn add https://ui.beste.co/piece/r/weather4 |
| weather3 | Hourly Forecast | Weather | npx shadcn add https://ui.beste.co/piece/r/weather3 |
| weather2 | Weekly Forecast | Weather | npx shadcn add https://ui.beste.co/piece/r/weather2 |
| weather1 | Weather Card | Weather | npx shadcn add https://ui.beste.co/piece/r/weather1 |
Heat index up to 38°C this afternoon. Stay hydrated and avoid direct sun.
Until 9:00 PM tonightSeverity-colored triangle alert with title, severity badge, descriptive detail, and an Until line.
Color-graded AQI tile next to its level name, with a thin border separating a pollutant breakdown row.
Cardinal-marked SVG dial with a sky pointer rotated to a compass direction, paired with speed and gust.
Six-hour rain probability column chart with sky-blue bars rising on a muted track and percentages on top.
Sunrise and sunset times bracketing a thin track with an amber sun marker positioned by day progress.
Four-cell grid of atmospheric stats with uppercase labels, bold tabular values, and an optional detail line.
Big tabular temperature anchored under a city header and condition icon, with high, low, and feels-like below.
Six-column hourly strip pairing each label with a condition icon and a tabular temperature.