Spending Ring

A spending breakdown you spin like a dial; flick the ring and it settles with a category under the marker.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @kokonutui/spending-ring

Files

• components/kokonutui/spending-ring.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review