Mais fácil de reconhecer.
Mais fácil de explicar.

A Biblioteca UI é um dicionário visual para quem desenha, desenvolve ou precisa explicar uma ideia de interface. Encontre o nome em português, o termo em inglês e um exemplo para conectar os dois.

Como usar

Explore os componentes por categoria ou descreva o que você viu. Abra um termo para saber quando usá-lo, o que observar e copiar um prompt para sua ferramenta de IA. Salve favoritos para consultar depois neste mesmo navegador.

Conteúdo e referências

As explicações e demonstrações foram criadas para esta biblioteca. A ideia de um dicionário visual tem como referência o Name That UI. Este é um projeto independente, sem afiliação com o site original.

As referências técnicas incluem MDN Web Docs, WAI-ARIA Authoring Practices e Apple Human Interface Guidelines. Cada termo aponta para uma referência para aprofundamento. Os exemplos são didáticos; não constituem uma biblioteca de componentes pronta para produção.

Sobre os nomes

Alguns termos têm mais de uma tradução. Estilos visuais nem sempre têm definições formais: nomes de tendências, linguagens de fabricantes e movimentos históricos são indicados como tal. Uma referência sobre a técnica de implementação não valida, por si só, o nome de uma tendência.

Privacidade e acesso

A consulta é gratuita e não exige cadastro. A busca funciona no seu navegador por palavras e sinônimos do catálogo, sem enviar a consulta para uma IA. Tema e favoritos ficam neste navegador e não são sincronizados entre dispositivos. A página usa Google Fonts; a hospedagem pode processar dados técnicos necessários para servir o site.

Feita em português do Brasil

Exemplos, datas e instruções pensados para quem cria por aqui. Não é preciso conhecer o jargão para começar.