Enterprise-grade design system and component library for LEMA-UFPB
Declaração de manifesto institucional com tipografia editorial grande e citações autorais.
A status and pin marker indicator for chat and list items with support for variant, pin, and side-by-side layout.
Carrossel de rolagem contínua para logos de clientes, depoimentos ou cartões de dados.
Marquee duplo (2 rows) com direção oposta e pause on hover — inspirado em Launch UI Social Proof Marquee 2 Rows.
A horizontal menu bar with dropdown menus, checkboxes, radio items, and submenus.
A chat message component with support for align (start/end), avatar, content, header, and footer slots. Composed of MessageGroup, MessageAvatar, MessageContent, MessageHeader, and MessageFooter sub-components.
An auto-scrolling container for chat message lists with scroll-to-end/start buttons, visibility detection, and virtualized content support. Composed of MessageScrollerProvider, MessageScrollerViewport, MessageScrollerContent, MessageScrollerItem, and MessageScrollerButton sub-components.
Chuva de meteoros 100% CSS (sem canvas, sem RAF) para fundo de hero — posições determinísticas, custo de CPU essencialmente nulo.
Comparação direta entre dois pontos de dados com variação absoluta, relativa e barra proporcional.
Linha do tempo de marcos cronológicos e trajetória histórica com anos tabulares.
Compact stat label+value unit for horizontal summary strips. Compose with MiniCardGroup (pill, outlined, elevated, ghost variants) and MiniCardStrip (auto-dividers). Supports icons, sub-values, intent colors, and delta change indicators. Size propagates via context.
Par contrastante de cartões para declaração articulada de Missão e Visão institucionais.
Mockup com frames small/large/mobile e sombra — inspirado em Launch UI Mockup.
A flexible modal dialog built on Dialog with size variants (sm/md/lg/xl/2xl/full), intent system (default/destructive/success/warning/info), defaultOpen for uncontrolled usage, scrollable body, auto async confirm tracking, loading skeleton, escape/pointer-down-outside/interact-outside event handlers, and i18n support.
Combobox que permite selecionar múltiplos itens de uma lista.
A styled native HTML select element with optgroup and option sub-components.
Navbar flutuante com blur, borda e menu mobile — inspirado em Launch UI Navbar Floating.
Dot-based section navigation with automatic scroll tracking and tooltips.
A responsive navigation menu with trigger, content, viewport, and indicator sub-components.
A user profile dropdown menu for navigation headers, built on DropdownMenu and Avatar.
A notification center component.
Campo numérico com spinbuttons — ReUI Number Field.
Grid interativo de unidades e endereços com horários e status de funcionamento.
Passos de onboarding com progresso — ReUI Onboarding 9.
An OTP input for verification codes.
Cabeçalho de página padronizado com breadcrumbs, título, tags, ações e navegação de retorno.
Full-page loading overlay with two variants: a shimmer bar fixed at the top of the viewport (bar) and a centered XL spinner (spinner). Controlled by a single loading prop with fade-in/out transition, semantic color options, and i18n support.
A semantic pagination component built with native <nav> and <ul> elements, prev/next links, and ellipsis.
A pagination component with locale-aware aria labels, prev/next links, and ellipsis support.
Fundo de constelação (partículas conectadas por linhas) para hero sections, em canvas 2D com DPR limitado e pausa automática fora da viewport.
Botão e prompt para autenticação biométrica e chaves de segurança WebAuthn / Passkeys.
Indicador dinâmico de segurança de senha com 4 níveis semânticos e checklist de requisitos em tempo real.
Phone input field with country code selection and flags.
A responsive pie and donut chart with interactive center label, legend, and outer slice labels.
A horizontal filter bar with pill-shaped toggle buttons, item counts, per-item intent colors, icon support, and automatic scroll overflow with fade indicators.
A rich information bubble popover displaying contextual content triggered by focus/click events.
Mural de menções na imprensa, veículos de mídia e notícias institucionais.
Card de plano com preço, badge popular, features e CTA — átomo base pricing.
Tabela comparativa feature × plano — blockus #06.
Grid 3 cards + toggle mensal/anual — blockus #02 #04 #12.
Card de produto eCommerce — ReUI Product Card.
Card de perfil — ReUI Profile 9.
A simple progress bar indicator designed to show status completion values.
Horizontal progress indicator with animated fill, configurable label positions, size presets, custom fill/track color overrides via CSS tokens, getValueLabel for custom label formatting, max prop, and semantic color intents. Built on the Radix UI Progress primitive.
Displays progress as a circular gauge with an animated stroke and centered value.
Citação editorial destacada com avatar do autor e suporte a variantes de estilo.
QR code placeholder — adaptado Kibo.
A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions. Owns the ordered items, active item, answer state, validation, progress, and navigation. Composed of QuestionnaireItem, QuestionnaireProgress, QuestionnaireTitle, QuestionnaireDescription, QuestionnaireChoices, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireInput, QuestionnaireError, QuestionnaireActions, QuestionnairePrevious, QuestionnaireSkip, QuestionnaireNext, and QuestionnaireSubmit sub-components.