Galeria de Componentes

Explore os componentes de UI reutilizáveis que impulsionam este site. Cada componente é construído com React, TypeScript e Tailwind CSS.

Botão

Um componente de botão versátil com múltiplas variantes, tamanhos e estados

Um componente container flexível para agrupar conteúdo relacionado

Este é um exemplo de conteúdo de card. Cards podem conter qualquer tipo de conteúdo, incluindo texto, imagens e outros componentes.

Card sem título

Um componente para enfatizar texto importante com destaque visual

Este é texto destacado

Você pode usá-lo inline com porções destacadas

Um componente de diálogo para exibir conteúdo em uma sobreposição

Um componente dropdown para alternar entre idiomas disponíveis

Um componente de botão para alternar entre temas claro e escuro

Um menu suspenso totalmente tipado com generics do TypeScript — o mesmo componente funciona com qualquer formato de opção, não apenas strings

Você escolheu: React

Estatísticas com contagem animada via requestAnimationFrame, com alternativa para movimento reduzido

Uma pequena animação Lottie em loop exportada do Adobe After Effects, com alternativa estática para movimento reduzido