Text Generate

Display

Reveals text word-by-word with a staggered fade + deblur on mount — adapted from Aceternity UI.

Text Generate — word-by-word fade + deblur on mount

Componentes prontos, adaptados aos tokens da Kikito CN.

Instalação via CLI

$ npx kikitocn add text-generate

Interno:

@/lib/utilsmotion

Exemplo de uso

Text GenerateExample.tsx

import { TextGenerate } from "@/components/ui/cn/text-generate/TextGenerate";

export function TextGenerateExample() {
  return (
    <TextGenerate words="Exemplo" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`words*`	`string`	—	Texto revelado (dividido por espaços)
`filter`	`boolean`	`true`	Aplica blur-in além do fade
`duration`	`number`	`0.5`	Segundos do fade/deblur de cada palavra
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…