Flip Words

Display

Cycles a word list with spring entry, per-letter blur-in and a blur/scale exit — adapted from Aceternity UI.

Flip Words — spring entry, per-letter blur-in

Construa interfaces

rápidas

Word List Swap

Unificado

Instalação via CLI

$ npx kikitocn add flip-words

Interno:

@/lib/utilsmotion

Exemplo de uso

Flip WordsExample.tsx

import { FlipWords } from "@/components/ui/cn/flip-words/FlipWords";

export function FlipWordsExample() {
  return (
    <FlipWords />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`words*`	`string[]`	—	Palavras que se alternam
`duration`	`number`	`3000`	ms que cada palavra permanece
`className`	`string`	—	Classes CSS extras

Carregando…