Enterprise-grade design system and component library for LEMA-UFPB
A precision numeric input with button controls, direct keyboard entry support, and inputProps passthrough for native HTML attributes.
Card visual com gradient e brand — adaptado Kibo.
Container CTA core com badge, título, descrição e ações — átomo base CTA.
CTA centrado editorial — blockus CTA #01-08.
CTA com captura email inline — blockus #17-24.
CTA split imagem + conteúdo — blockus #09-16.
Mosaico e grade fotográfica da cultura institucional e equipe em ação.
Cursor remoto com label para collab — adaptado Kibo.
Glow radial que segue o cursor do ponteiro, com fallback estático em prefers-reduced-motion.
Shell de dashboard com AppSidebar, Header, SectionCards, Chart e DataTable — replica shadcn dashboard-01.
A base layout for complex dashboards with sidebar and header.
A structured dashboard card with collapse/expand, fullscreen, refresh, loading skeleton, status badge, and configurable body padding.
Responsive layout container for dashboard panels with resizable split ratios and N-child support.
A high-performance virtualized data table with built-in toolbar, pagination, and sorting capabilities.
Seletor de data combinando um botão e um calendário (Popover).
Seleção intuitiva de intervalos de datas com presets e suporte aos 4 locales.
Swipe deck de cards — adaptado Kibo.
A description list component.
A modal overlay that interrupts the user with critical information or requires direct interaction.
A provider component for setting text direction (LTR/RTL) using Radix UI Direction.
A slide-over panel built on vaul, supporting bottom, left, right, and top directions with drag-to-dismiss gestures.
A full-featured drawer wrapper with optional header, scrollable body, footer, direction-aware close button, snap points, scale background, and escape/pointer-down-outside event handlers.
A popover style menu listing choices or operations that is triggered by a button control.
Full-featured audio player using native HTML5 Audio API.
Compact bullet chart with qualitative range bands, value bar, and target marker.
Confetti animation with 4 presets. Also exports useConfetti hook.
Visual cron expression builder with simple and advanced modes.
Line-level diff viewer with unified and split modes. No external dependencies.
(No description)
Dynamic island notification component.
Empty state with 8 animated SVG illustrations for common UI contexts.
Floating feedback widget component.
File preview card with auto-detected type icons, size formatting and hover actions.
Funnel chart for visualizing conversion rates between sequential stages.
3D Globe component.
(No description)
Address autocomplete picker with async search callback — decoupled from any geocoding API.
(No description)
Markdown editor with edit/preview/split modes, toolbar, and fullscreen.
Morphing Dialog using framer-motion.
(No description)
Radial Menu using framer-motion.
Interactive reaction bar component.
(No description)
Receipt Card component.
Sankey diagram using pure SVG — no external dependencies.
(No description)
Signature input using HTML Canvas with mouse/touch support and Base64 PNG export.