Componentes

Um componente de layout que envolve o conteúdo com uma largura máxima e o centraliza horizontalme...

Um componente de layout usando colunas CSS para distribuir conteúdo em múltiplas colunas. O conte...

Um componente de layout usando CSS Grid para disposições explícitas em colunas. Cada elemento fil...

Componente de layout redimensionável com divisores arrastáveis para criar disposições de painéis ...

Um componente de contêiner flexível para agrupar conteúdo relacionado. Suporta múltiplas variante...

Um separador visual para seções de conteúdo. Suporta orientações horizontal e vertical, variantes...

Um componente de layout flexível para empilhar elementos vertical ou horizontalmente com espaçame...

Layout masonry baseado em colunas CSS com ajuste responsivo de colunas. O conteúdo flui naturalme...

Barra lateral de aplicação colapsável com seções, itens aninhados, ícones, emblemas e comportamen...

Barra de navegação responsiva com menu hambúrguer para dispositivos móveis, suporte a modo escuro...

Interface de abas acessível para organizar conteúdo em painéis. Disponível em múltiplos estilos v...

Botões arredondados tipo pílula/chip para filtragem e seleção de categorias. Suporta estados ativ...

Um grande menu de navegação suspenso que revela grupos de links em múltiplas colunas ao passar o ...

Um componente de menu suspenso totalmente acessível construído com Stimulus e Tailwind CSS. Supor...

Trilha de navegação mostrando a hierarquia de páginas. Suporta personalização de separadores, ite...

Componente de navegação por páginas para conjuntos de dados. Suporta páginas numeradas com lacuna...

Paleta de comandos orientada por teclado para navegação rápida. Suporta busca fuzzy, navegação po...

Indicador de progresso multi-etapa para assistentes, fluxos de pagamento e onboarding. Suporta cl...

Exibição de dados hierárquicos com nós expansíveis/colapsáveis, ícones, seleção por checkbox e na...

Um botão flutuante que aparece quando o usuário rola além de um limite configurável, permitindo v...

Exibição de código com destaque de sintaxe, cabeçalho opcional com nome do arquivo e funcionalida...

Exibe métricas-chave e estatísticas em formato de card compacto. Inclui rótulo, valor e indicador...

Componente de copiar para a área de transferência com múltiplas variantes para diferentes casos d...

Lista de descrição semântica para exibir pares chave-valor. Disponível nos estilos empilhado, hor...

Seções de conteúdo expansíveis para organizar informações. Disponível nas variantes básica (uma a...

Representação de usuário ou entidade com imagem, iniciais como fallback e indicador de status opc...

Um componente de tabela de dados flexível com recursos combináveis. Suporta paginação, ordenação,...

Um componente de carrossel/slider responsivo com navegação por setas, pontos de paginação, suport...

Lista reordenável e quadro kanban com arrastar e soltar usando a API nativa de Drag and Drop do H...

Um quadro kanban com arrastar e soltar para gerenciamento de projetos e acompanhamento de tarefas...

Exibição cronológica de eventos com ícones, timestamps e espaços de conteúdo. O estilo vertical e...

Componente de calendário interativo para exibição e seleção de datas. Suporta navegação por mês, ...

Carrega automaticamente mais conteúdo ao rolar próximo ao final de um contêiner. Funciona natural...

Temporizador de contagem regressiva animado até uma data alvo. O estilo simples exibe números pla...

Exibição de mensagens conversacionais com alinhamento por remetente, avatares e timestamps. O est...

Exibição de planos de preços com alternância mensal/anual. Disponível como cards lado a lado ou t...

Componente indicador de carregamento com variantes circular, pontos e barra. Animações CSS puras ...

Um pequeno componente indicador de status com múltiplas variantes de cor. Perfeito para exibir st...

Um componente de notificação para exibir mensagens importantes aos usuários. Suporta variantes de...

Um componente de espaço reservado para carregamento com três variantes de forma. Usa animação de ...

Um indicador de progresso horizontal para mostrar o estado de conclusão. Suporta modos determinad...

Notificações toast empilháveis e banners de mensagens flash para feedback ao usuário. Suporta var...

Exibe uma mensagem amigável quando o conteúdo está vazio ou ausente. Inclui ícone, título, descri...

Barra de anúncio persistente para mensagens importantes, promoções ou avisos. Suporta fechamento ...

Tooltips contextuais para exibir informações adicionais ao passar o cursor ou clicar. Suporta múl...

Diálogos modais acessíveis com fundo escurecido, captura de foco e animações suaves. Disponível n...

Um painel que desliza a partir da borda da tela para conteúdo secundário, formulários ou visualiz...

Painel de notificações com ícone de sino, contagem de emblemas, estados lido/não lido e funcional...

Sobreposição de imagem em tela cheia com navegação por teclado e suporte a toque. Disponível como...

Sobreposição de conteúdo rico acionada por clique ou hover. Diferente do Tooltip (hover, apenas t...

Menu de contexto de clique direito com itens, submenus, divisores e exibição de atalhos de teclad...

Um componente de botão versátil com múltiplas variantes (primário, secundário, fantasma) e tamanh...

Um componente de entrada de texto versátil com rótulo, texto de ajuda e estados de erro. Suporta ...

Um componente de entrada de texto multilinha com funcionalidade opcional de auto-redimensionament...

Um componente de lista suspensa nativa com rótulo, texto de ajuda e estados de erro. Suporta tant...

Um campo de entrada checkbox individual com rótulo e texto descritivo opcional. Suporta tanto o m...

Um grupo de botões de rádio para selecionar uma única opção entre múltiplas alternativas. Suporta...

Um grupo de entradas checkbox para selecionar múltiplas opções de uma lista. Suporta tanto o modo...

Uma fileira de botões de alternância para alternar entre visualizações, filtros ou modos. Suporta...

Um controle de alternância para estados booleanos ligado/desligado. Suporta tanto o modo form bui...

Um campo de texto com prefixos e sufixos opcionais para ícones, texto ou botões. Suporta tanto o ...

Um componente de upload de arquivo com arrastar e soltar e suporte a pré-visualização. Suporta ta...

Um componente de lista suspensa com busca e navegação por teclado. Suporta tanto o modo form buil...

Campo numérico com botões de incremento/decremento, restrições mín/máx e tamanho do passo. Oferec...

Seleção de valor numérico por meio de controle arrastável. Suporta modos de valor único e interva...

Série de campos de caractere único para códigos de verificação e entrada OTP. Avança automaticame...

Campo de texto que cria tags/chips removíveis conforme os valores são inseridos. Suporta validaçã...

Campo de avaliação com estrelas (ou ícone personalizado). Suporta precisão de meia estrela, modo ...

Um campo de senha com alternância de visibilidade, medidor de força e lista de requisitos. Inclui...

Lista suspensa com busca que permite selecionar múltiplos valores, exibidos como tags/chips remov...

Um editor de texto rico contenteditable com barra de ferramentas para formatação de texto. Dispon...

Uma área de texto com suporte a menções em linha. Digite um caractere de gatilho (padrão "@") par...

Campo de número de telefone internacional com lista suspensa de seleção de país, emojis de bandei...

Captura de assinatura baseada em canvas com suporte a mouse e toque. Exporta a assinatura como PN...

Campo de entrada de moeda formatado com símbolo, separadores de milhar automáticos e formatação d...

Componente de edição em linha com clique para editar nos estilos texto, área de texto e select. S...

Campo de seleção de cor com painel de matiz/saturação, controles deslizantes, amostras predefinid...

Um componente de seleção de data com calendário suspenso. Suporta modos de seleção de data única ...