kokonutui/ai-text-loading
Animated AI thinking indicator that cycles status messages with a shimmering gradient text effect. Built with React, Tailwind CSS and Motion.
Verified install. Installed with one command into a clean Next 16.4.0 · React 19 · Tailwind 4 project; types and CSS check out. Checked Oct 14.
npx get-ui-cli add kokonutui/ai-text-loadingInstalls every file, sub-component, npm dependency and CSS variable, with imports rewritten to your project’s aliases.
Add the "AI Text Loading" component (kokonutui/ai-text-loading, from Kokonut UI) to this project. 1. Run: npx get-ui-cli add kokonutui/ai-text-loading --yes 2. Read the "Use it" snippet it prints, then import the component and render it where it fits. 3. Don't rewrite the installed file. Adapt it through its props and className, so `npx get-ui-cli update` can still merge upstream fixes. 4. Run: npx get-ui-cli doctor, and fix anything it reports.
Kokonut UI
