foundations1 variante
Tokens
Cores, espaçamento, tipografia, sombra e z-index que sustentam todos os componentes.
ExplorarSMART UI · BIBLIOTECA
Componentes
Famílias reutilizáveis com todas as variações documentadas
Explorar todas as variantes52 famílias
foundations1 variante
Temas e modos
Quatorze temas e modos claro, escuro ou automático baseados em tokens.
Explorarlayout1 variante
Container
Estrutura de layout reutilizável. A largura do site de documentação não depende deste componente.
Explorarlayout10 variantes
Grid responsivo
Grades, spans e lacunas para composição responsiva.
Explorartypography8 variantes
Tipografia
Escala tipográfica e hierarquia para marketing e aplicações.
Explorarbuttons15 variantes
Botões
Ações primárias, secundárias, ícone e estados de carregamento.
Explorarcards20 variantes
Cards
Cards de conteúdo, produto, ação e superfícies de dados.
Explorarlayout15 variantes
Bento grid
Composição de destaques com hierarquia de tamanho e dados.
Explorarmarketing11 variantes
Chamadas para ação
Blocos de conversão para produto, conteúdo, comunidade e relacionamento.
Explorarforms15 variantes
Inputs
Campos de texto, e-mail, senha, número e estados de validação.
Explorarforms15 variantes
Formulários completos
Composições completas de entrada, escolha, validação, assinatura e envio.
Explorarforms10 variantes
Select menu
Select acessível e customizável com teclado.
Explorarforms1 variante
Checkbox, radio e switch
Controles de escolha com alvo de toque completo.
Explorarforms1 variante
Range slider
Range temático com valor e trilha atualizados de forma progressiva.
Explorarforms1 variante
Upload de arquivo
Área de upload com clique, teclado e arrastar/soltar.
Explorarforms1 variante
Código OTP
Campos de código de verificação com avanço de foco.
Explorarnavigation15 variantes
Navegação
Navegação de produto e menu mobile controlado por teclado.
Explorarnavigation10 variantes
Rodapés
Rodapés institucionais, comerciais e de produto com composição responsiva.
Explorarnavigation12 variantes
Mega menu
Menus de múltiplas colunas para navegação com conteúdo.
Explorarapplication10 variantes
App sidebar
Estrutura de aplicações com navegação lateral e conteúdo fluido.
Explorarnavigation12 variantes
Tabs
Abas com roving tabindex e painéis associados.
Explorarnavigation1 variante
Breadcrumbs
Contexto de navegação para hierarquias profundas.
Explorarfeedback6 variantes
Banner
Avisos persistentes ou dispensáveis para alterações de contexto.
Explorarfeedback6 variantes
Toast
Feedback transitório com região de anúncio apropriada.
Explorarfeedback1 variante
Progresso
Indicadores de tarefa, upload e etapa concluída.
Explorarfeedback1 variante
Skeleton
Estados de carregamento sem deslocamento de layout.
Exploraroverlay8 variantes
Modal
Diálogo com foco contido, fechamento explícito e backdrop.
Exploraroverlay8 variantes
Tooltip
Informação suplementar que não substitui rótulos essenciais.
Exploraroverlay1 variante
Lightbox
Visualização ampliada de mídia com navegação e escape.
Explorarcontent8 variantes
Accordion
Conteúdo expansível para FAQs, configurações e grupos densos.
Explorardata-display1 variante
Timeline
Eventos, marcos e histórico operacional.
Explorardata-display1 variante
Stepper
Etapas de onboarding, checkout e processos de aprovação.
Explorardata-display10 variantes
Tabelas
Dados tabulares com container de rolagem e cabeçalhos legíveis.
Explorardata-display1 variante
Stats e KPI
Métricas, variação e contexto para dashboards.
Explorardata-display1 variante
Activity feed
Eventos recentes, auditoria e histórico de equipe.
Explorarcontent10 variantes
Empty state
Estados vazios com explicação e ação de recuperação.
Explorarmedia12 variantes
Carousel
Slides com controles explícitos, toque e teclado.
Explorarmedia6 variantes
Music player
Players compactos, playlists e composições de mídia com controles reais.
Explorarmedia12 variantes
Galerias
Galerias responsivas, bento, filmstrip e lightbox com navegação acessível.
Explorar3d1 variante
Coverflow
Galeria espacial com perspectiva moderada e fallback de movimento.
Explorar3d1 variante
SlideWheel
Galeria circular contida para navegação por toque e rolagem.
Explorarmedia5 variantes
Photo rail
Trilho de mídia com avanço controlado.
Explorartext-effects16 variantes
Efeitos de texto
Movimento tipográfico para títulos, métricas e mensagens com leitura preservada.
Explorarscroll16 variantes
Efeitos de rolagem
Entradas e narrativas acionadas por viewport com conteúdo sempre acessível.
Explorarfeedback10 variantes
Loaders
Indicadores de carregamento e espera que preservam espaço e informam estado.
Explorarmarketing20 variantes
Hero primitives
Estrutura para hero comercial com hierarquia e CTAs.
Explorarmarketing10 variantes
Pricing
Comparação de planos, valor e decisão.
Explorarmarketing10 variantes
Testimonials
Prova social, logos e depoimentos com leitura acessível.
Explorarapplication1 variante
Chat UI
Blocos para conversas operacionais e suporte.
Explorarapplication1 variante
Kanban card
Cartões e colunas para fluxos de trabalho e status.
Explorarapplication1 variante
Inbox item
Lista de conversas e mensagens operacionais.
Explorarapplication1 variante
Search e filtros
Pesquisa, filtros ativos e ações de lista.
Explorar