KokonutUI Logo

AI-14AINew, November 10, 2026

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.

Install with
lucide-react, motion

PROSlash Command Menu and more like it are in Kokonut UI Pro

Installation

AI Order Status is a free, open-source React component in the Kokonut UI AI collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/ai-order-status.tsx, so the code is yours to change.

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

Usage

import AIOrderStatus from "@/components/kokonutui/ai-order-status";

export default function Example() {
  return <AIOrderStatus />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

On this page

No Headings