Letter Swap Demo Line
Letter Swap Demo Line é 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 Line é 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 Line
import LetterSwapForward from "@/components/fancy/text/letter-swap-forward-anim"
export default function Preview() {
return (
<div className="w-dvw h-dvh text-3xl flex flex-row gap-12 items-center justify-center font-calendas bg-[#0015ff]">
<div className="items-center justify-center grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-12 text-white">
<LetterSwapForward label="oh, wow!" staggerDuration={0} />
<LetterSwapForward label="nice!" staggerDuration={0} reverse={false} />
</div>
</div>
)
}