Dev Design Library

Battery Widget

Batteries widget with device rings that fill, turn red when low and show charging.

Battery Widget preview
Library
Opaline
Framework
React
Type
ui
License
MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react
Install
npx shadcn@latest add @opaline/theme @opaline/glass-widget-battery
Files
  • registry/opaline/ui/opaline/glass-widget-battery.tsx
  • registry/opaline/ui/opaline/liquid-glass.tsx
  • registry/opaline/lib/glass-refraction.ts
  • registry/opaline/ui/opaline/glass-widget.tsx
  • lib/utils.ts
Source
https://github.com/deepraj21/opaline

Categories

More from Opaline