Text ShimmerNew

Animated shimmer text for streaming, thinking, and loading labels.

Usage

Use TextShimmer for short labels that indicate active generation or background work.

The shimmer uses currentColor, so you can pass text color utilities such as text-muted and keep the animation visible.

<TextShimmer className="text-muted">Thinking...</TextShimmer>

import {TextShimmer} from "@heroui-pro/react";

<TextShimmer>Thinking...</TextShimmer>

Prop	Type	Default	Description
`children`	`ReactNode`	-	Text content
`className`	`string`	-	Additional classes, including color and text size utilities

Also supports render props from HeroUI dom.span.

Prompt Suggestion

Suggested prompts and starter actions for AI chat empty states.

Emoji Reaction Button

An animated emoji reaction button with count display and toggle state for social interactions.