Shadcn.io is not affiliated with official shadcn/ui
React Stats Block Weather
Weather conditions stats with temperature display, conditions icon, and daily forecast for React weather apps
Display weather data in your Next.js app with this stats component. Features current temperature with feels-like, weather condition with icon, humidity and wind stats, and mini daily forecast. Built with shadcn/ui Card component using Tailwind CSS. The weather-focused design shows conditions at a glance—perfect for weather apps, travel dashboards, or any React app with environmental data. Clean and informative.
React Stats Block Weather preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React Stats Block Live
Live metrics
React Stats Block Battery
Battery status
React Stats Block Targets
With target tracking
React Stats Block Comparison
With previous values
React Stats Block Period
Period comparison
React Stats Block Sparkline
Price with charts