Colourful Text

Display

Per-character colour cycling with vertical jitter and a blur pulse, palette reshuffled on an interval — adapted from Aceternity UI.

Colourful Text — per-character colour cycling with jitter

Instalação via CLI

$ npx kikitocn add colourful-text

Interno:

@/lib/utilsmotion

Exemplo de uso

Colourful TextExample.tsx

import { ColourfulText } from "@/components/ui/cn/colourful-text/ColourfulText";

export function ColourfulTextExample() {
  return (
    <ColourfulText text="Exemplo" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`text*`	`string`	—	Texto renderizado caractere a caractere
`colors`	`string[]`	—	Cores percorridas (default: accent tokens da marca)
`interval`	`number`	`5000`	ms entre embaralhamentos da paleta
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…