AI State Loading

Agent progress as a list of steps with a live log, elapsed time and a summary when done.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add @kokonutui/ai-loading

Files

• components/kokonutui/ai-loading.tsx
• lib/utils.ts

Source

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

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Animated AI Element Components
• Dev Tool Components
• React Dev Tool Components
• Tailwind CSS Dev Tool Components
• Animated Dev Tool Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components

More from Kokonut UI

• AI Text Loading
• AI Tool Calls
• Loader
• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run