Enterprise-grade design system and component library for LEMA-UFPB
(No description)
(No description)
Virtualized list for rendering large datasets without performance degradation.
Waterfall chart for cumulative positive/negative value bridges.
A placeholder component for empty states with icon, title, description, and content slots.
Estado vazio acionável com ação principal, atalhos e sugestões para zero-data e onboarding.
Contextual empty states with built-in SVG icons for no-data, search, error, and no-results scenarios, i18n titles, action button, compact mode, and skeleton loading.
Calendário mensal com eventos — ReUI Event Calendar 6.
Fade mask com variantes x/y/top/bottom/left/right — inspirado em Launch UI Fade.
Seção FAQ core com heading, accordion, busca opcional.
FAQs com card suporte lateral — blockus #14 #19.
FAQs agrupadas por abas — blockus #03 #07.
Destaque ancorado para apresentar novas funcionalidades e guias passo a passo.
Seção feature com texto e mockup sticky (left/right) — inspirado em Launch UI Feature Sticky.
A form field wrapper with label, description, error messages, and horizontal/vertical orientation variants.
Área de upload de arquivos com suporte a arrastar e soltar e barra de progresso.
A complex component for building advanced query filters.
Filtros categoria e preço — ReUI Filter Sidebar.
Card com tilt 3D sutil ao seguir o ponteiro, para exibir screenshots/mockups em heroes.
Dock flutuante com magnificação no hover e fallback grid mobile — inspirado em Aceternity Floating Dock.
Faixa inferior atômica com copyright dinâmico, links legais e ações acessórias.
Rodapé de vanguarda com mega letreiro tipográfico de fundo, grade compacta de links, newsletter e status.
Bloco de rodapé integrado com cartão de conversão de alto impacto posicionado antes dos links.
Rodapé institucional completo com múltiplas colunas de links, apresentação de missão, newsletter e barra inferior.
A responsive footer navigation that displays in columns on desktop and as an accordion on mobile.
Captura atômica de e-mail para newsletter com validação, estado de envio e confirmação acessível.
Bloco de rodapé minimalista e centralizado com logotipo, links de navegação, canais sociais e copyright.
Letreiro tipográfico de rodapé de grande porte com corte outline, preenchimento sutil ou gradiente.
Bloco completo de recuperação de conta e redefinição de senha com instruções e confirmação.
Shared formatting utilities including locale-aware number formatting via Intl.NumberFormat, value abbreviation (tri/bi/mi/mil, T/B/M/K), and format wrapper functions used by card-stats and chart components.
Gera um formulário validado a partir de um schema zod (validação) e uma lista de campos (rótulo, tipo de widget, opções) — react-hook-form + Field/FieldGroup.
Carta aberta ou mensagem do coordenador/diretor com retrato, prosa editorial, drop cap e assinatura.
Galeria de imagens com filtro de categorias — composto de ds-image-gallery e ds-pill-group.
Seção split com texto de um lado e colagem de imagens do outro — composto de ds-hero-section e ds-image-gallery.
Grid de vídeos que abrem em diálogo ao clicar — composto de ds-video-dialog.
Timeline Gantt com barras e progresso — adaptado Kibo.
A geographic map component for rendering GeoJSON/TopoJSON data with tooltips, zooming, choropleth, and point markers.
Glassmorphism com 5 variantes (glass-1..5) e backdrop-blur — inspirado em Launch UI Glass.
Glow posicional (top/above/center/below) com radial gradient blur — inspirado em Launch UI Glow.
Grid de pontos que pulsa de tamanho e opacidade perto do cursor, ocioso fora da interação — fundo de hero interativo.
A presentation component for a guided tour or onboarding card.
Container semântico banner com variantes default/blurred/transparent/solid, sticky, tamanhos sm/md/lg e skip link i18n. Base para todos os headers.
Grupo de CTAs do header com variantes de Button, gap configurável e skeleton.
Faixa de anúncio dismissível com tag, link e variantes default/outline/glow.
Identidade do header com logo medallion, título e subtítulo, tamanhos sm/md/lg e skeleton.
Header com brand centralizado e nav abaixo, com split actions laterais.
Header SaaS com command palette (⌘K), busca global, user menu e notificações.
Mega dropdown com grid de links e feature card — e-commerce / docs.