Viora LogoViora UI
Login

AI Text Loading

Thinking mode.

Thinking...
demo-ai-text-loading.tsx
Loading source code...

Installation

pnpm dlx viora-ui add ai-text-loading
npx viora-ui add ai-text-loading
yarn viora-ui add ai-text-loading
bunx --bun viora-ui add ai-text-loading

Usage

import { AiTextLoading } from "viora-ui";
import { AiTextLoading } from "viora-ui";

export default function AiTextLoadingDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <AiTextLoading />
    </div>
  );
}

API Reference

AITextLoading

PropTypeDefaultDescription
texts?string[][]Configuration for texts.
className?string""Additional CSS classes for custom styling.
interval?number-Configuration for interval.

Built by Otis

Last updated: 9/13/2026