KokonutUI Logo

AI-04AIUpdated, October 14, 2026

AI Text Loading

AI thinking text with a soft wave through the letters and words that swap letter by letter.

Install with
motion

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

Installation

AI Text 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-text-loading.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/ai-text-loading

Usage

import AITextLoading from "@/components/kokonutui/ai-text-loading";

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

Dependencies

Built with React, Tailwind CSS and motion.

On this page

No Headings