Texto Embaralhado

Sobre

Efeito de texto em que os caracteres são embaralhados e se resolvem da esquerda para a direita, alternando entre várias frases. Preserva o texto acessível para leitores de tela.

Detalhes

Categoria

Efeitos de texto

Tipo

Animação

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

03 de outubro de 2026

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/texto-embaralhado.tsxtsx

Como usar

import TextoEmbaralhado from "@/components/integra/texto-embaralhado";

<TextoEmbaralhado frases={["Design", "Código", "Movimento"]} />