LeapUI

LeapUI é uma extensão para o Google Chrome que transforma qualquer página web em um ambiente interativo de inspeção e edição visual de elementos da interface. Com um único atalho (Alt+I), o usuário ativa um modo de seleção que permite interagir diretamente com os elementos HTML visíveis na tela, sem necessidade de abrir o DevTools ou editar código. Seleção de elementos Ao mover o cursor pela página, a extensão destaca o elemento sob o ponteiro com um contorno verde, exibindo informações como tag, ID e classes. Um clique abre um menu contextual com as ações disponíveis. Manipulação visual O usuário pode redimensionar qualquer elemento arrastando 8 alças posicionadas nas bordas e cantos. O modo de movimento permite reposicionar elementos com as teclas de seta. Ambos os modos têm undo (Ctrl+Z) com histórico de até 20 ações. Edição de texto Elementos com conteúdo textual podem ser editados diretamente na página, com confirmação por Enter ou cancelamento por ESC. Cores A barra de ferramentas flutuante oferece seletores de cor para texto e fundo de qualquer elemento, com suporte a entrada hex manual e preview em tempo real. Copiar, colar e duplicar Os elementos podem ser copiados (Ctrl+C) em formato serializado (HTML + estilos + atributos) e colados (Ctrl+V) em qualquer aba — inclusive em páginas diferentes. A duplicação (Ctrl+D) cria uma cópia com offset de 10px. Exclusão segura O botão de deletar (Del) remove o elemento com animação de saída, com proteção contra remoção de tags críticas como <html>, <body> e <script>. Interface Uma barra de ferramentas compacta e flutuante fica fixada no topo da página durante o uso, agrupando os controles principais. Notificações em toast confirmam cada ação realizada. Privacidade A extensão opera inteiramente no navegador local. Nenhum dado da página é coletado, armazenado ou transmitido para servidores externos.