AI Order Status

A live delivery card in the reply. The courier moves along the route while the ETA counts down, and the route turns green on arrival.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add @kokonutui/ai-order-status

Files

• components/kokonutui/ai-order-status.tsx
• lib/utils.ts

Source

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

Categories

• Commerce Components
• React Commerce Components
• Tailwind CSS Commerce Components
• Animated Commerce Components

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