AI-03AIUpdated, October 14, 2026
AI State Loading
Agent progress as a list of steps with a live log, elapsed time and a summary when done.
lucide-react, motion
PROSlash Command Menu and more like it are in Kokonut UI Pro
Installation
AI State Loading 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-loading.tsx, so the code is yours to change.
npx shadcn@latest add @kokonutui/ai-loadingUsage
import AILoadingState from "@/components/kokonutui/ai-loading";
export default function Example() {
return <AILoadingState />;
}Dependencies
Built with React, Tailwind CSS, lucide-react and motion.

