Amount Pad

A keypad for sending money. Digits spring into place, commas slide them along, and the amount shrinks to fit as it grows.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add @kokonutui/amount-pad

Files

• components/kokonutui/amount-pad.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