# Parafina Palavras que se revezam no título, derretendo uma na outra como gotas que se juntam antes de ficarem nítidas. > Parafina é um componente exclusivo do THM Componentes que alterna palavras num título com uma fusão líquida: a palavra que sai se desfaz e escorre para dentro da próxima, que fica nítida em repouso. Com filtro SVG e sem canvas, serve para heros com proposta de valor rotativa e chamadas de serviços. - Categoria: Texto e tipografia - Origem: Exclusivo THM, criado pela THM Tecnologia Inteligente; o prompt traz o código-fonte completo - Peso no carregamento: Leve: CSS ou JavaScript leve, sem custo perceptível - Tecnologia: Vue 3, TypeScript - Interação: Nenhuma: o efeito roda sozinho - URL: https://vibecode.thmtecnologia.com/componentes/parafina/ ## Como ele é Lembra a cera de uma luminária de lava. Uma palavra grande e grossa, em azul-marinho, fica parada por pouco mais de um segundo e meio. Então ela começa a desfocar e sumir enquanto a próxima surge do mesmo borrão, e no meio da troca as letras parecem uma massa líquida, com pontas que se esticam e se juntam. Em cerca de um segundo, a nova palavra assenta com bordas firmes. Acima, uma linha menor e mais clara completa a frase e não se mexe. O ciclo se repete sozinho e pausa quando sai da tela. ## Você pode estar procurando isto se pediu algo assim - “palavra que troca no meio da frase derretendo uma na outra” - “texto que muda de palavra com efeito líquido, tipo gota” - “título com várias palavras se alternando de um jeito fluido” - “efeito de letras derretendo para mostrar os serviços da empresa” - “topo do site com a frase que vai trocando o final sozinha” - “aquele texto meio gosmento que se transforma em outra palavra” - “palavras que se misturam como lava antes de aparecer” ## Também chamado de palavra rotativa com fusão, texto líquido, efeito gooey, metaball text, rotating words, texto que derrete, liquid text effect ## Quando usar - Hero com proposta de valor que troca de palavra, como serviços ou benefícios - Chamada de agência ou consultoria que lista áreas de atuação - Abertura de landing page com título curto e palavra final rotativa - Marcas criativas que querem movimento orgânico sem pesar a página ## Quando evitar - Palavras longas ou frases inteiras, que ficam confusas durante a fusão - Informações que a pessoa precisa ler com calma, como preço ou prazo - Seções que já têm outro texto animado por perto, o que dispersa a atenção ## Como pedir para a sua IA ```text Crie no hero um título com efeito gooey: palavras que se alternam e se fundem como líquido com filtro SVG, nítidas em repouso, com troca instantânea para quem prefere menos movimento, pausa fora da tela e a palavra atual anunciada para leitores de tela. ``` Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar. ## Perguntas sobre Parafina ### Parafina pesa no site? Pouco. Parafina usa duas camadas de texto e um filtro SVG, sem canvas nem WebGL, e tem peso Leve no THM Componentes. A animação pausa quando o título sai da tela e retoma sem pular etapas quando a pessoa volta para a aba. Em celulares mais simples, vale testar com fonte menor e fusão mais fraca. ### Como Parafina se comporta com movimento reduzido? Quando o sistema pede menos movimento, Parafina continua trocando as palavras no mesmo intervalo, mas a troca acontece de uma vez, sem desfoque nem fusão líquida. A mensagem rotativa se mantém, e o derretimento sai de cena para quem é sensível a animação. ### Dá para trocar as palavras e as cores de Parafina? Sim. Parafina recebe a lista de palavras, a linha menor de cima, a cor do texto, o tamanho da fonte, o tempo de pausa em cada palavra, a duração da transformação e a força da fusão líquida. O prompt orienta a IA a usar os tokens de cor do seu projeto. ## Componentes relacionados - [Tinteiro](https://vibecode.thmtecnologia.com/componentes/tinteiro/): Uma palavra derrete e se transforma na próxima, com as letras se fundindo como gotas de tinta. - [Sinônimo](https://vibecode.thmtecnologia.com/componentes/sinonimo/): Uma palavra no meio do título troca sozinha a cada poucos segundos, com a nova entrando letra por letra. - [Tecla](https://vibecode.thmtecnologia.com/componentes/tecla/): Uma palavra dentro de uma caixa em relevo que troca sozinha, e a caixa estica ou encolhe para caber a nova. - [Cifra](https://vibecode.thmtecnologia.com/componentes/cifra/): Título que surge embaralhado em letras, números e símbolos e vai se acertando até formar a frase. - [Arquipélago](https://vibecode.thmtecnologia.com/componentes/arquipelago/): Uma fileira de abas grudadas como um líquido, em que a aba escolhida se desprende como uma gota. --- THM Componentes: O THM Componentes é um catálogo de 268 componentes de interface para Vue 3 e Nuxt, 115 deles exclusivos, com demonstração ao vivo e um prompt pronto para Claude Code, Cursor e outros assistentes. Você escolhe o efeito, copia o prompt e a sua IA aplica no projeto. Acesso vitalício por R$ 497.