UncodeTracker é uma solução simples e eficaz para criar interações entre qualquer elemento, independentemente do seu breakpoint. Com ele, você pode gerenciar variantes de um elemento sem a necessidade de criar componentes complexos, facilitando a criação de interações de forma prática, dinâmica, responsiva e reutilizável.

Principais Benefícios:

• Gestão Simplificada de Variantes: Controle facilmente as variantes dos elementos sem complicações adicionais.

• Interações Flexíveis: Configure interações baseadas em cliques ou passagens de mouse de maneira intuitiva.

• Responsividade Garantida: As interações são adaptáveis a diferentes tamanhos de tela, assegurando uma experiência consistente em todos os dispositivos.

• Alvo por Nome da Camada no Framer: Além de utilizar referências de seção de rolagem, agora você pode direcionar interações a elementos específicos através do nome da camada no Framer, permitindo maior precisão e controle.

Como Funciona:

1. Crie uma Seção de Rolagem (ID) ou Defina um Nome na Camada Alvo:

   • Scroll Section (ID): Esta seção/elemento atuará como gatilho para interações.

   • Nome da Camada no Framer: No Framer, clique no nome da div ou elemento que deseja monitorar e altere-o para um nome único. Esse nome será utilizado pelo UncodeTracker para identificar e interagir com o elemento específico.

2. Configure o UncodeTracker:

   • Seleção do Tipo de Alvo: No componente UncodeTracker, selecione se o alvo será uma Scroll Section Ref ou um Nome da Camada.

   • Definição das Variantes e Interações: Configure as variantes e as interações desejadas diretamente no componente, escolhendo o tipo de evento (clique, hover, pressionar, etc.).

3. Defina o Evento no UncodeTracker:

   • Nas configurações do plugin, selecione o tipo de evento que irá disparar a troca de variantes, como clique, hover, pressionar, entre outros. O UncodeTracker reconhecerá a ação no elemento e trocará a variante conforme configurado.

4. Visualize na Prática:

   • Utilize o botão "Ver demonstração" para visualizar as interações em funcionamento. Caso queira, você pode remixar o projeto para explorar detalhadamente cada configuração e aplicação no projeto.

Por que Escolher o UncodeTracker em vez do Método Nativo?

• Eficiência: Reduza o tempo de desenvolvimento ao evitar a criação manual de múltiplos componentes interativos.

• Flexibilidade: Adapte-se facilmente a diferentes necessidades e cenários de projeto, utilizando tanto referências de seção de rolagem quanto nomes de camadas.

• Facilidade de Uso: Interface intuitiva que permite configurar interações sem a necessidade de conhecimentos avançados em programação, além de facilitar a criação de diversas variantes para tornar seu projeto mais responsivo.