Animação

Gooey blob field

Um campo de bolhas suaves que orbitam caminhos semeados e se fundem na aproximação, com uma bolha extra que segue o ponteiro.

Como usar Gooey blob field

Um campo de bolhas suaves que orbitam caminhos semeados e se fundem na aproximação, com uma bolha extra que segue o ponteiro.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: ballCount, speed, spread, accent, pointerColor, followPointer

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

1674Celebration burstAnimaçãoUma explosão de flocos de papel de tela disparada de um botão, formando um arco, espalhando-se, flutuando enquanto caem e saem do quadro sob a gravidade.

2127Compass bar gridAnimaçãoUma grade de barras curtas que giram para apontar para o ponteiro, de modo que o campo pareça uma limalha de ferro encontrando um ímã.

2135Crackling border frameAnimaçãoUma moldura arredondada cujo contorno é redesenhado em cada moldura como um arco de luz trêmulo, com um brilho constante abaixo e conteúdo perfeitamente imóvel na parte superior.

1771Drag tile trackAnimaçãoUm ladrilho que você pode jogar em torno de uma pista delimitada que se inclina para o arrasto, resiste além das bordas e pára com impulso.

2155Focus LensAnimaçãoUma forma delineada que permanece suave e fora de foco em todos os lugares, exceto em um pequeno círculo que segue o ponteiro, onde fica nítido.

1781Iron filings fieldAnimaçãoUma grade quadrada de pequenos traços que giram para apontar para o ponteiro, como limalhas de ferro se prendendo a um ímã arrastado sobre elas.