Enterprise-grade design system and component library for LEMA-UFPB
A responsive radar (spider) chart for comparing multiple entities across the same set of dimensions.
A responsive radial bar chart with concentric rings, single-metric gauge mode, and legend support.
A set of radio buttons for single-selection from a list of options.
Componente interativo para avaliação baseada em ícones (estrelas).
Formulário de cadastro com social — átomo base register.
Card cadastro centrado — blockus register #01-08.
Split screen imagem + formulário — blockus #09-22.
Resizable panel layouts with drag handles for adjustable split views.
A presentation component that provides the structure for a rich text editor.
A segmented progress bar with a movable marker. Uses semantic tokens (--risk-1 to --risk-4) for flexible theming.
A responsive scatter and bubble chart with trend lines, multi-series, and brush zoom.
Grade semanal com slots — ReUI Schedule 10.
A scored list item pairing icon + label with a fractional score and optional progress bar. Includes ScoreRowList container for grouped items.
Screenshot theme-aware (light/dark) com otimização e skeleton — inspirado em Launch UI Screenshot.
A custom scroll wrapper that replaces browser scrollbars with cross-browser consistent, styling-flexible scroll rails.
Wrapper que revela filhos com fade/slide ao entrar no viewport, via IntersectionObserver — visível de imediato em prefers-reduced-motion.
Floating button with scroll-progress ring that reveals past a configurable scroll threshold. Tooltip, i18n support, and multiple positions.
A full-width composable search bar with visual variants, keyboard shortcut hint, voice input, debounce, custom icon, and skeleton loading.
A search field with autocomplete dropdown, keyboard navigation, grouped results, voice recognition, and text highlighting.
Grid de cards estatísticos com gradiente, badge trend e footer — extraído de shadcn dashboard-01 SectionCards.
A dropdown select component with groups, labels, scroll buttons, and item selection.
A searchable list of items with selection state, support for groups, icons and virtual scrolling behavior.
Extended select with search filter, async option loading, grouped options, creatable new option, configurable popover positioning (side/align/offset), i18n placeholder/no-results, and skeleton loading.
A visual divider for separating content sections horizontally or vertically.
Tabs de configurações — ReUI Settings 16.
A complex view for settings area separated by internal navigation.
A slide-in panel (drawer) from any side of the screen with header, footer, and close button.
Painel modal de atalhos de teclado com busca, categorias e escuta global da tecla '?'.
A responsive collapsible sidebar with menu, groups, tooltips, and mobile sheet support.
Campo de busca para sidebar com label sr-only e ícone — inspirado em shadcn sidebar SearchForm.
Bloco completo de cadastro de novos usuários com medidor de força de senha em tempo real.
A placeholder loading state component shaped as elements to outline UI containers during data fetching lifecycle phases.
Esqueletos pré-compostos para dashboard, tabela, perfil, formulário e lista.
A range slider for numeric input with single or multiple thumb handles.
Extended slider with value tooltip on hover, step marks/labels, range (dual handle) support, format-utils integration, i18n aria-labels, and skeleton loading.
Tabbed code com copy — adaptado Kibo.
Grupo de botões para login social e institucional (Google, GitHub, Microsoft, Apple, Gov.br, CAFe).
Linha acessível de canais sociais e comunitários com variantes visuais e detecção de ícones.
A toast notification provider using the Sonner library with theme-aware styling.
Lista arrastável vertical/grid — ReUI Sortable.
Micro-gráfico SVG ultra-leve para tabelas e cards com modos line, area e bar.
An animated loader icon used to represent background processing, async submission delays, or loading data sequences.
An animated loader with locale-aware aria-labels, built on lucide-react Loader2Icon.
Card com spotlight radial seguindo o mouse — inspirado em Aceternity Card Spotlight.
Céu estrelado vivo em canvas 2D: estrelas pulsantes com cintilação, 18% em cruz com halo e estrelas cadentes com cauda degradê. Pausa fora da viewport e frame estático sob prefers-reduced-motion.
Faixa de métricas com trend — átomo base stats.
Grid de métricas 2-4 cols — blockus stats.
Painel de saúde operacional com histórico de 90 dias e cálculo de uptime.