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:
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.
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.).
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.
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.
Obs...