Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Stats Block Weather
Weather conditions stats with temperature display, conditions icon, and daily forecast for React weather apps
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Installation
Related blocks you will also like
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