Shadcn.io is not affiliated with official shadcn/ui
React Stats Block Battery
Battery/energy status stats with segmented gauge, consumption rate, and time remaining for React device dashboards
Monitor energy levels in your Next.js app with this stats component. Features segmented battery gauge, current percentage with status indicator, consumption rate, estimated time remaining, and charging state. Built with shadcn/ui Card component using Tailwind CSS. The energy-focused design shows device health at a glance—perfect for IoT dashboards, electric vehicle apps, UPS monitoring, or any React app tracking power levels. Intuitive and functional.
React Stats Block Battery preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React Stats Block Live
Live metrics
React Stats Block Storage
Storage usage
React Stats Block Usage Limits
Usage with actions
React Stats Block Progress
Linear progress bars
React Stats Block Targets
With target tracking
React Stats Block Team
Team performance