Enterprise-grade design system and component library for LEMA-UFPB
Wizard com validação per-step — ReUI Stepper.
A visual guide through a sequential multi-step process with horizontal and vertical orientations.
Lista de recursos com barra lateral fixa e navegação contextual por seção.
A toggle switch control for binary settings with size variants.
Extended switch with label positioning, semantic color variants (success/destructive/warning), skeleton loading, and error state.
Indicador de disponibilidade operacional e saúde dos serviços em tempo real com dot animado.
A responsive table component built using native HTML table elements styled with Tailwind CSS.
A tabbed interface with list, trigger, and content panels supporting default and line variants.
Extended tabs with 4 variants (default/line/pill/segmented), 3 sizes, icons, count badges, loading skeletons, vertical orientation, activation mode (automatic/manual), and responsive accordion fallback on mobile. Wraps the shadcn Tabs primitive.
Input field that converts typed text into removable tags or pills.
Card de membro com avatar, cargo e bio — átomo base Team.
Grid de equipe com heading — blockus Team.
Grid de apresentação de equipe, pesquisadores e colaboradores institucionais.
Seletor de equipe para sidebar com DropdownMenu, logo, plano e atalho — inspirado em shadcn sidebar-07 TeamSwitcher.
Card depoimento com quote e rating — átomo base Testimonials.
Grid de depoimentos 2-3 cols — blockus Testimonials.
A multi-line text input field supporting dynamic sizing, transition glows, and custom invalid validation borders.
Alternador animado de palavras-chave para headlines de destaque com suporte a acessibilidade e prefers-reduced-motion.
Faixa financeira scroll — adaptado Kibo.
Card 3D com tilt no mousemove, glare radial e fallback prefers-reduced-motion — inspirado em Aceternity 3D Card + Wobble Card.
Exibe uma lista de eventos conectados por uma linha vertical.
A time picker input.
A two-state button for on/off toggling with variants and sizes.
A group of toggle buttons for multi-selection with connected or separated styling.
A dropdown button to switch between light, dark, and system themes. Re-exports ThemeProvider for app-level setup.
A lightweight popup hint displaying auxiliary text descriptions when a cursor hovers over or focus lands on trigger targets.
Feixe vertical que acompanha o scroll com thumb e gradiente — inspirado em Aceternity Tracing Beam.
Seleção entre dois conjuntos com busca, ações em lote e contadores.
A responsive treemap chart with hierarchical drill-down, breadcrumb navigation, and aspect ratio control.
A hierarchical data display component.
Desafio de autenticação em duas etapas (2FA) com suporte a código OTP de 6 dígitos e expiração.
Texto com efeito typewriter/flip/generate, cursor piscante e suporte a reduced-motion — inspirado em Aceternity Text Generate + Typewriter + Flip Words.
Shared locale-based i18n dictionary with en-US, pt-PR, es-ES, and fr-FR support for UI components.
Tabela de usuários com avatar e status — ReUI Users.
Cartão atômico de princípio ou valor institucional com ícone, índice ordinal e variantes.
Thumbnail de vídeo com overlay interativo, botão play pulsante e abertura de modal responsivo em Dialog.
Formulário inline de pré-lançamento ou lista de espera para heróis de landing pages com feedback visual.
Wizard multi-step — ReUI Wizard 7.