pixels têm gravidade

Previsão de destino para React e Next.js

Conheça o destino
antes do clique.

Alcance uma proporção fetch:click de 1.37. O Intent-link calcula a probabilidade usando a energia cinética e potencial resultante da velocidade do movimento e da distância.

$ npm install intent-link
npmv1.0.13licenseMITreact≥18next≥13

01 / aplicações

Um sinal. Muitos usos.

// analítica

Intenção, não apenas cliques

Registre aproximações abandonadas e hesitação, não apenas ações.

// revelação

Revelação progressiva

Abra uma prévia ou um tooltip assim que o usuário se dirigir a ele.

// desempenho

Pré-carregar links

Pré-carregue links de navegação antes que o usuário clique neles.

// UI adaptativa

Mira assistida

Amplie os alvos ou aproxime-os à medida que o usuário se aproxima.

01
01
Medir
a trajetória ruidosa
02
02
Estimar
o destino provável
03
03
Preparar
antes de chegar

02 / demo ao vivo

Mova-se em direção a um card — veja como ele é pré-carregado.

shop.example/new-in

importance

cost

fluxo onIntent0 disparos
// mova-se em direção a um card para disparar um sinal…
product shot
Feminino
product shot
Masculino
product shot
Infantil
product shot
Calçados
product shot
Bolsas
product shot
Acessórios
product shot
Esporte
product shot
Jeans
product shot
Casacos
product shot
Beleza
product shot
Casa
product shot
Promoção
product shot
Eletrônicos
product shot
Relógios
product shot
Joias
product shot
Móveis
product shot
Presentes
product shot
Viagem
18 categorias

03 / sinta a diferença

O mesmo clique. Pule a espera.

Uma página aguarda a solicitação de rede, enquanto a outra é carregada durante a trajetória do usuário.

tempo economizado nesta sessão

0 ms

Sem intent-linknão carregado
/product/quilted-jacket
Com intent-linkinativo
/product/quilted-jacket

04 / diferente

Não é visibilidade. Não é hover. É intenção.

Todas as outras abordagens chegam tarde ou desperdiçam recursos.

1.37

Proporção Fetch:Click

useIntentTarget

Crie componentes personalizados

React · Next

Para o framework mais popular

MIT

Código aberto, sem coleta de dados

Abordagemintent-linkForesightJSinstant.pageNext.js prefetchGuess.js
Momentoantes de chegarna trajetóriaao passar o mouseao entrar na visãopré-calculado
Seletividadeo destinoo destinoumtudo o que é visívelmelhores palpites

Entregue uma navegação que parece instantânea.

$ npm install intent-link