Letter Swap Demo Stagger
Letter Swap Demo Stagger é um componente de texto para React e Tailwind CSS, da biblioteca Fancy Components, com licença MIT. Copia e cola no teu projeto.
Fancy Components
MIT
text
O que é
Letter Swap Demo Stagger é um componente de texto para React e Tailwind CSS, da biblioteca Fancy Components, com licença MIT. Copia e cola no teu projeto.
Como usar
Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.
Cinco cópias grátis por mês. Sem cartão.
Não precisa de pacotes além do que o projeto já tem
Licença
Este componente vem de Fancy Components e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.
Letter Swap Demo Stagger
import LetterSwapForward from "@/components/fancy/text/letter-swap-forward-anim"
export default function Preview() {
return (
<div className="w-dvw h-dvh text-3xl flex md:flex-row flex-col items-center justify-center font-calendas gap-x-12 gap-y-4 bg-white text-[#0015ff]">
<LetterSwapForward label="First" staggerFrom={"first"} />
<LetterSwapForward label="Center" staggerFrom={"center"} className="" />
<LetterSwapForward label="Last" staggerFrom={"last"} />
</div>
)
}