---
name: "@lema-ds"
slug: "lema-ds"
description: "Enterprise-grade design system and component library for LEMA-UFPB"
category: "Animated components"
tags: ["animation", "audio", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "cms", "dashboard", "design-system", "developer-tools", "e-commerce", "forms", "icons", "loaders", "marketing", "media", "navigation", "onboarding", "overlays", "payments", "pro-available", "tables"]
framework: "react"
license: null
author: null
website: "https://ds.lema.ufpb.br"
github: null
registry: "https://ds.lema.ufpb.br/r/registry.json"
pro: true
pro_url: "https://ds.lema.ufpb.br/pricing"
github_stars: null
component_count: 250
generated_at: "2026-10-27T06:34:08.542Z"
---

# @lema-ds

Enterprise-grade design system and component library for LEMA-UFPB

## Links

- Website: https://ds.lema.ufpb.br
- Registry JSON: https://ds.lema.ufpb.br/r/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/lema-ds
- This file: https://sh4dcn.netlify.app/md/lema-ds.md
- Pro / pricing: https://ds.lema.ufpb.br/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ds.lema.ufpb.br/r/registry.json
pnpm dlx shadcn@latest add https://ds.lema.ufpb.br/r/registry.json
bunx shadcn@latest add https://ds.lema.ufpb.br/r/registry.json
# fetch the raw registry index
curl -s https://ds.lema.ufpb.br/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | A vertically stacked set of interactive headings that each reveal a section of content. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/accordion.json` |
| alert | registry:ui | A contextual notification banner for displaying feedback messages with title, description, and optional action. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/alert.json` |
| alert-dialog | registry:ui | A modal dialog that interrupts users with urgent information, actions, or confirmation prompts. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/alert-dialog.json` |
| aspect-ratio | registry:ui | A wrapper that maintains a consistent aspect ratio for its child content. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/aspect-ratio.json` |
| attachment | registry:ui | A file attachment component with support for media preview, title, description, actions, trigger overlay, and group layout. Composed of AttachmentGroup, Attach… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/attachment.json` |
| avatar | registry:ui | An image element representing a user or entity, with a fallback display for when the image fails to load. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/avatar.json` |
| badge | registry:ui | A small visual indicator for categorization, counts, or status labels. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/badge.json` |
| breadcrumb | registry:ui | A navigation aid showing the user's location in a hierarchical page structure with separators and ellipsis. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/breadcrumb.json` |
| bubble | registry:ui | A chat bubble component with support for sent/received variants, tail indicators, and group layout. Composed of BubbleGroup sub-component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/bubble.json` |
| button | registry:ui | An interactive button control used to trigger actions, submit forms, or navigate. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/button.json` |
| button-group | registry:ui | A container that groups related buttons or inputs with connected or separated styling. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/button-group.json` |
| calendar | registry:ui | A date picker with day selection, range support, and dropdown navigation. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/calendar.json` |
| card | registry:ui | A versatile card container with sub-components for header, title, action buttons, descriptions, body content, and footer actions. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/card.json` |
| card-stat-shared | registry:ui | Shared utilities, CVA variants, and helper components (TrendBadge, CardStatEmptySlot) for the card-stat family. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/card-stat-shared.json` |
| carousel | registry:ui | A sliding carousel for cycling through elements with previous/next navigation using Embla. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/carousel.json` |
| chart | registry:ui | A charting container with config-driven tooltips, legends, and CSS variable styling integration for Recharts. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/chart.json` |
| chart-axis-width | registry:lib | Canvas-based text measurement that sizes a numeric Recharts axis to fit its actual formatted tick labels (currency, abbreviated units), instead of a fixed gues… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/chart-axis-width.json` |
| checkbox | registry:ui | A form control for selecting one or more options from a set. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/checkbox.json` |
| collapsible | registry:ui | An expandable/collapsible section with trigger and content regions. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/collapsible.json` |
| combobox | registry:ui | An autocomplete combobox built on @base-ui/react with search, groups, multi-select chips, and keyboard navigation. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/combobox.json` |
| command | registry:ui | A fast, searchable command palette and menu list interface driven by keyboard navigation. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/command.json` |
| context-menu | registry:ui | A right-click context menu with items, submenus, checkboxes, radio items, and separators. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/context-menu.json` |
| dialog | registry:ui | A modal overlay that interrupts the user with critical information or requires direct interaction. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/dialog.json` |
| direction | registry:ui | A provider component for setting text direction (LTR/RTL) using Radix UI Direction. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/direction.json` |
| drawer | registry:ui | A slide-over panel built on vaul, supporting bottom, left, right, and top directions with drag-to-dismiss gestures. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/drawer.json` |
| dropdown-menu | registry:ui | A popover style menu listing choices or operations that is triggered by a button control. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/dropdown-menu.json` |
| ds-about-manifesto-hero | registry:block | Hero imersivo de manifesto institucional combinando declaração tipográfica, métricas e CTAs. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-manifesto-hero.json` |
| ds-about-milestones | registry:block | Bloco turnkey da trajetória histórica com cabeçalho de seção e MilestoneStepper. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-milestones.json` |
| ds-about-section | registry:block | Bloco composto de página 'Sobre' — história + citação do fundador + tira de estatísticas + grid de equipe — construído a partir dos átomos ds-hero-section, ds-… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-section.json` |
| ds-about-split-story | registry:block | Seção turnkey de história institucional em 2 colunas com badge, fotografia e métrica flutuante. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-split-story.json` |
| ds-about-values-grid | registry:block | Bloco turnkey completo de apresentação de valores e pilares com grid responsivo de ValuesCard. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-values-grid.json` |
| ds-accordion | registry:ui | Extended accordion with icon style variants (chevron/plus/arrow/sign), size variants, rounded/bordered CVA, discriminated single/multiple types with collapsibl… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-accordion.json` |
| ds-activity-feed | registry:ui | Feed cronológico de eventos e trilha de auditoria com avatar, badge de status e timestamp relativo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-activity-feed.json` |
| ds-ai-chat | registry:block | Chat assistente — ReUI AI Chat 12. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-ai-chat.json` |
| ds-animated-number | registry:ui | Contador numérico animado com formatação por locale e fallback sr-only para leitores de tela. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-animated-number.json` |
| ds-announcement-badge | registry:ui | Badge ou pill de anúncio para o topo de seções hero com micro-animação e suporte a ping. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-announcement-badge.json` |
| ds-app-sidebar | registry:block | Sidebar completa com TeamSwitcher, Search, NavMain colapsável, Projects, NavUser e Rail — compõe sidebar shadcn 07 + 16. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-app-sidebar.json` |
| ds-app-store-badges | registry:ui | Botões de download para App Store e Google Play, com ícone e texto sobrescrevíveis. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-app-store-badges.json` |
| ds-audio-player | registry:ui | Full-featured audio player using native HTML5 Audio API. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-audio-player.json` |
| ds-aurora-background | registry:ui | Fundo aurora com gradientes animados, grid sutil e máscara radial — inspirado em Aceternity Aurora + Sparkles + Wavy. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-aurora-background.json` |
| ds-auth-card | registry:block | Shell de autenticação unificado com variantes centered/muted/split/cover — consolida shadcn login-01..05 e signup-01..05. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-auth-card.json` |
| ds-auth-separator | registry:ui | Divisor estilizado com rótulo centralizado para transição entre autenticação social e credenciais tradicionais. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-auth-separator.json` |
| ds-auth-split-screen | registry:ui | Shell de layout de tela dividida (split-screen) completo com vitrine da marca, depoimento e estatísticas. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-auth-split-screen.json` |
| ds-autocomplete | registry:ui | Busca autocomplete async — ReUI Autocomplete. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-autocomplete.json` |
| ds-avatar | registry:ui | Extended avatar with size scale (sm through 2xl), status indicator dots, initials color generator, image loading status callback, delay fallback, avatar group … | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-avatar.json` |
| ds-avatar-presence | registry:ui | Indicador de presença em tempo real para avatar com anel de isolamento temático e animação de pulso. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-avatar-presence.json` |
| ds-background-glow | registry:ui | Ambientação luminosa e texturas de fundo em CSS puro (Aurora, Spotlight, Beam e Grid-dots) para seções Hero. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-background-glow.json` |
| ds-badge | registry:ui | Extended badge with dot indicator, removable close icon, icon support, counter/overflow display, and semantic color variants (success/warning). | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-badge.json` |
| ds-banner | registry:ui | Faixa full-width dismissível com intent, variante, posição e CTAs. Base blockus banners. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner.json` |
| ds-banner-app | registry:block | Download de app com ícone, rating e store badges — blockus #14-17. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-app.json` |
| ds-banner-cookie | registry:block | Barra de consentimento cookies fixed bottom/floating — blockus #09-12. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-cookie.json` |
| ds-banner-marquee | registry:ui | Faixa com rolagem infinita horizontal para highlights — blockus banner #13. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-marquee.json` |
| ds-banner-promo | registry:block | Card promo centrado com gradiente/imagem e 1-2 CTAs — blockus #05-08. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-promo.json` |
| ds-banner-top | registry:block | Bloco topo sticky com badge, título e CTA — blockus banners #01-04. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-top.json` |
| ds-bar-chart | registry:ui | A fully featured bar chart with tooltips, legend, stacking, rounded corners, and brush zoom. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bar-chart.json` |
| ds-bento-features | registry:block | Grid bento misturando tiles de feature com ícone e tiles de estatística — composto de ds-bento-grid e ds-card-stat. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-features.json` |
| ds-bento-grid | registry:ui | Grid assimétrico com spans configuráveis para tiles de feature/mídia. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-grid.json` |
| ds-bento-metrics | registry:block | Grid bento combinando um gráfico de barras com uma tira de estatísticas — composto de ds-bento-grid, ds-bar-chart e ds-card-stat. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-metrics.json` |
| ds-bento-showcase | registry:block | Grid bento exibindo screenshot de produto, preview de terminal e snippet de instalação — composto de ds-bento-grid, ds-floating-card, ds-browser-mockup e ds-co… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-showcase.json` |
| ds-bento-social-proof | registry:block | Grid bento misturando tiles de depoimento com um mural de logos — composto de ds-bento-grid, ds-pull-quote e ds-press-wall. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-social-proof.json` |
| ds-billing | registry:block | Card de plano e fatura — ReUI Billing. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-billing.json` |
| ds-blog-author | registry:ui | Avatar + nome + role do autor para blog. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-author.json` |
| ds-blog-card | registry:ui | Card de post com imagem, categoria, título, excerpt, tags e autor — átomo base blog. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-card.json` |
| ds-blog-featured | registry:block | Hero featured grande + 2 cards laterais — blockus #15-22. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-featured.json` |
| ds-blog-grid | registry:block | Grid responsivo 3 cols com filtros categoria + busca — blockus blog #01-07. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-grid.json` |
| ds-blog-list | registry:block | Lista horizontal imagem à esquerda — blockus #08-12. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-list.json` |
| ds-blog-meta | registry:ui | Linha de metadados: data, reading time e categoria. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-meta.json` |
| ds-border-beam | registry:ui | Brilho que percorre a borda do container pai via offset-path (correto em qualquer proporção), em CSS puro — oculto em prefers-reduced-motion. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-border-beam.json` |
| ds-boxplot-chart | registry:ui | A fully custom SVG box-and-whisker chart with ResizeObserver for responsive layout, notch support, and outlier plotting. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-boxplot-chart.json` |
| ds-breadcrumbs | registry:ui | A data-driven breadcrumbs component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-breadcrumbs.json` |
| ds-browser-mockup | registry:ui | Moldura simulando janela de navegador ou terminal de sistema operacional para screenshots e previews. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-browser-mockup.json` |
| ds-bullet-chart | registry:ui | Compact bullet chart with qualitative range bands, value bar, and target marker. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bullet-chart.json` |
| ds-button | registry:ui | Feature-rich button with loading state, start/end icons, rounded variant (full/lg/md/none), fullWidth, double-click debounce, two-step destructive confirmation… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-button.json` |
| ds-callout | registry:ui | A highlighted alert component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-callout.json` |
| ds-candlestick-chart | registry:ui | A financial candlestick chart with volume bars, moving averages, reference lines, and brush zoom. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-candlestick-chart.json` |
| ds-card-icon | registry:ui | Feature / navigation card with a tinted icon medallion, title and description. Icon colour and background derive from a single semantic tone token. Supports so… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-icon.json` |
| ds-card-stat | registry:ui | A statistical display card with label, value, trend indicator, optional icon, and loading skeleton. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat.json` |
| ds-card-stat-compact | registry:ui | A compact statistical card with trend badge, description, icon, and loading skeleton. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-compact.json` |
| ds-card-stat-comparison | registry:ui | A side-by-side comparison card for current vs. previous period values with trend indicators. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-comparison.json` |
| ds-card-stat-gauge | registry:ui | A statistical card with a gauge visualization for showing metrics within a target range. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-gauge.json` |
| ds-card-stat-heatbar | registry:ui | A statistical card with a segmented heatbar visualization for multi-zone metric display. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-heatbar.json` |
| ds-card-stat-highlight | registry:ui | A high-emphasis statistical card with a colored background for key metric prominence. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-highlight.json` |
| ds-card-stat-list | registry:ui | A statistical card containing a list of labeled items with icons and trend indicators. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-list.json` |
| ds-card-stat-progress | registry:ui | A statistical card with an embedded progress bar for showing completion or attainment levels. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-progress.json` |
| ds-card-stat-sparkline | registry:ui | A statistical card with an inline sparkline chart for visual trend representation. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-sparkline.json` |
| ds-card-stats | registry:ui | A portfolio of all statistical display cards: CardStat, CardStatCompact, CardStatProgress, CardStatComparison, CardStatSparkline, CardStatHighlight, CardStatLi… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stats.json` |
| ds-carousel | registry:ui | Extended carousel with autoplay support via embla-carousel-autoplay, multiple nav variants (side/overlay/bottom/none), card/showcase/minimal display modes, dot… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-carousel.json` |
| ds-cascader | registry:ui | Seleção em cascata níveis — ReUI Cascader. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cascader.json` |
| ds-changelog | registry:ui | Visualização estruturada de release notes com categorização semântica e timeline de versões. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-changelog.json` |
| ds-checkout | registry:block | Resumo de pedido — ReUI Checkout. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-checkout.json` |
| ds-color-picker | registry:ui | A color picker input. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-color-picker.json` |
| ds-combobox | registry:ui | A batteries-included combobox with virtual scrolling, search, single/multi-select, groups, custom option rendering, and configurable popover positioning (side/… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-combobox.json` |
| ds-command-palette | registry:ui | A high-level command palette modal triggered by keyboard shortcuts. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-command-palette.json` |
| ds-compare-slider | registry:ui | Slider de comparação antes/depois com clip-path, arrastável ou via teclado (range input nativo). | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-compare-slider.json` |
| ds-comparison | registry:ui | Before/after slider — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-comparison.json` |
| ds-confetti | registry:ui | Confetti animation with 4 presets. Also exports useConfetti hook. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-confetti.json` |
| ds-confirm-dialog | registry:ui | Diálogo de confirmação com typed confirmation para ações irreversíveis de alto risco. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-confirm-dialog.json` |
| ds-contact-bento | registry:block | Grid bento com o formulário de contato como tile principal e tiles satélite — composto de ds-bento-grid e ds-contact-form. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-bento.json` |
| ds-contact-channels | registry:block | Linha de cartões de canal de contato (e-mail, telefone, chat) — composto de ds-card-icon. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-channels.json` |
| ds-contact-form | registry:ui | Formulário de contato (nome, e-mail, assunto, tópico e mensagem) com estados idle/submitting/success/error. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-form.json` |
| ds-contact-split | registry:block | Seção de contato split com formulário de um lado e um slot flexível do outro — composto de ds-hero-section e ds-contact-form. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-split.json` |
| ds-contribution-graph | registry:ui | Graph estilo GitHub 7x20 — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contribution-graph.json` |
| ds-copy-block | registry:ui | Exibe um trecho de texto ou código com um botão acoplado para cópia rápida. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-copy-block.json` |
| ds-counter | registry:ui | A precision numeric input with button controls, direct keyboard entry support, and inputProps passthrough for native HTML attributes. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-counter.json` |
| ds-credit-card | registry:ui | Card visual com gradient e brand — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-credit-card.json` |
| ds-cron-builder | registry:ui | Visual cron expression builder with simple and advanced modes. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cron-builder.json` |
| ds-cta | registry:ui | Container CTA core com badge, título, descrição e ações — átomo base CTA. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta.json` |
| ds-cta-centered | registry:block | CTA centrado editorial — blockus CTA #01-08. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta-centered.json` |
| ds-cta-newsletter | registry:block | CTA com captura email inline — blockus #17-24. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta-newsletter.json` |
| ds-cta-split | registry:block | CTA split imagem + conteúdo — blockus #09-16. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta-split.json` |
| ds-culture-gallery | registry:ui | Mosaico e grade fotográfica da cultura institucional e equipe em ação. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-culture-gallery.json` |
| ds-cursor | registry:ui | Cursor remoto com label para collab — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cursor.json` |
| ds-cursor-spotlight | registry:ui | Glow radial que segue o cursor do ponteiro, com fallback estático em prefers-reduced-motion. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cursor-spotlight.json` |
| ds-dashboard | registry:block | Shell de dashboard com AppSidebar, Header, SectionCards, Chart e DataTable — replica shadcn dashboard-01. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashboard.json` |
| ds-dashboard-layout | registry:ui | A base layout for complex dashboards with sidebar and header. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashboard-layout.json` |
| ds-dashbox | registry:ui | A structured dashboard card with collapse/expand, fullscreen, refresh, loading skeleton, status badge, and configurable body padding. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashbox.json` |
| ds-dashrow | registry:ui | Responsive layout container for dashboard panels with resizable split ratios and N-child support. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashrow.json` |
| ds-data-table | registry:ui | A high-performance virtualized data table with built-in toolbar, pagination, and sorting capabilities. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-data-table.json` |
| ds-date-picker | registry:ui | Seletor de data combinando um botão e um calendário (Popover). | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-date-picker.json` |
| ds-date-range-picker | registry:ui | Seleção intuitiva de intervalos de datas com presets e suporte aos 4 locales. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-date-range-picker.json` |
| ds-deck | registry:ui | Swipe deck de cards — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-deck.json` |
| ds-description-list | registry:ui | A description list component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-description-list.json` |
| ds-diff-viewer | registry:ui | Line-level diff viewer with unified and split modes. No external dependencies. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-diff-viewer.json` |
| ds-direction-aware-hover | registry:ui | — | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-direction-aware-hover.json` |
| ds-drawer | registry:ui | A full-featured drawer wrapper with optional header, scrollable body, footer, direction-aware close button, snap points, scale background, and escape/pointer-d… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-drawer.json` |
| ds-dynamic-island | registry:ui | Dynamic island notification component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dynamic-island.json` |
| ds-empty | registry:ui | 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 lo… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-empty.json` |
| ds-empty-action | registry:ui | Estado vazio acionável com ação principal, atalhos e sugestões para zero-data e onboarding. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-empty-action.json` |
| ds-empty-state-illustration | registry:ui | Empty state with 8 animated SVG illustrations for common UI contexts. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-empty-state-illustration.json` |
| ds-event-calendar | registry:block | Calendário mensal com eventos — ReUI Event Calendar 6. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-event-calendar.json` |
| ds-fade | registry:ui | Fade mask com variantes x/y/top/bottom/left/right — inspirado em Launch UI Fade. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-fade.json` |
| ds-faqs | registry:ui | Seção FAQ core com heading, accordion, busca opcional. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-faqs.json` |
| ds-faqs-support | registry:block | FAQs com card suporte lateral — blockus #14 #19. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-faqs-support.json` |
| ds-faqs-tabs | registry:block | FAQs agrupadas por abas — blockus #03 #07. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-faqs-tabs.json` |
| ds-feature-spotlight | registry:ui | Destaque ancorado para apresentar novas funcionalidades e guias passo a passo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-feature-spotlight.json` |
| ds-feature-sticky | registry:block | Seção feature com texto e mockup sticky (left/right) — inspirado em Launch UI Feature Sticky. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-feature-sticky.json` |
| ds-feedback-widget | registry:ui | Floating feedback widget component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-feedback-widget.json` |
| ds-file-preview | registry:ui | File preview card with auto-detected type icons, size formatting and hover actions. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-file-preview.json` |
| ds-file-upload | registry:ui | Área de upload de arquivos com suporte a arrastar e soltar e barra de progresso. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-file-upload.json` |
| ds-filter-builder | registry:ui | A complex component for building advanced query filters. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-filter-builder.json` |
| ds-filter-sidebar | registry:block | Filtros categoria e preço — ReUI Filter Sidebar. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-filter-sidebar.json` |
| ds-floating-card | registry:ui | Card com tilt 3D sutil ao seguir o ponteiro, para exibir screenshots/mockups em heroes. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-floating-card.json` |
| ds-floating-dock | registry:ui | Dock flutuante com magnificação no hover e fallback grid mobile — inspirado em Aceternity Floating Dock. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-floating-dock.json` |
| ds-footer-bottom-bar | registry:ui | Faixa inferior atômica com copyright dinâmico, links legais e ações acessórias. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-bottom-bar.json` |
| ds-footer-brand-backdrop | registry:block | Rodapé de vanguarda com mega letreiro tipográfico de fundo, grade compacta de links, newsletter e status. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-brand-backdrop.json` |
| ds-footer-cta | registry:block | Bloco de rodapé integrado com cartão de conversão de alto impacto posicionado antes dos links. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-cta.json` |
| ds-footer-mega | registry:block | Rodapé institucional completo com múltiplas colunas de links, apresentação de missão, newsletter e barra inferior. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-mega.json` |
| ds-footer-menu | registry:ui | A responsive footer navigation that displays in columns on desktop and as an accordion on mobile. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-menu.json` |
| ds-footer-newsletter | registry:ui | Captura atômica de e-mail para newsletter com validação, estado de envio e confirmação acessível. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-newsletter.json` |
| ds-footer-simple | registry:block | Bloco de rodapé minimalista e centralizado com logotipo, links de navegação, canais sociais e copyright. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-simple.json` |
| ds-footer-wordmark | registry:ui | Letreiro tipográfico de rodapé de grande porte com corte outline, preenchimento sutil ou gradiente. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-wordmark.json` |
| ds-forgot-password-form | registry:ui | Bloco completo de recuperação de conta e redefinição de senha com instruções e confirmação. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-forgot-password-form.json` |
| ds-form-builder | registry:ui | 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. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-form-builder.json` |
| ds-founder-letter | registry:ui | Carta aberta ou mensagem do coordenador/diretor com retrato, prosa editorial, drop cap e assinatura. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-founder-letter.json` |
| ds-funnel-chart | registry:ui | Funnel chart for visualizing conversion rates between sequential stages. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-funnel-chart.json` |
| ds-gallery-filterable | registry:block | Galeria de imagens com filtro de categorias — composto de ds-image-gallery e ds-pill-group. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gallery-filterable.json` |
| ds-gallery-split | registry:block | Seção split com texto de um lado e colagem de imagens do outro — composto de ds-hero-section e ds-image-gallery. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gallery-split.json` |
| ds-gallery-video | registry:block | Grid de vídeos que abrem em diálogo ao clicar — composto de ds-video-dialog. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gallery-video.json` |
| ds-gantt | registry:ui | Timeline Gantt com barras e progresso — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gantt.json` |
| ds-geomap-chart | registry:ui | A geographic map component for rendering GeoJSON/TopoJSON data with tooltips, zooming (optional zoom controls), full-screen expand, choropleth, and point marke… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-geomap-chart.json` |
| ds-glass | registry:ui | Glassmorphism com 5 variantes (glass-1..5) e backdrop-blur — inspirado em Launch UI Glass. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-glass.json` |
| ds-globe-3d | registry:ui | 3D Globe component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-globe-3d.json` |
| ds-glow | registry:ui | Glow posicional (top/above/center/below) com radial gradient blur — inspirado em Launch UI Glow. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-glow.json` |
| ds-grid-pulse | registry:ui | Grid de pontos que pulsa de tamanho e opacidade perto do cursor, ocioso fora da interação — fundo de hero interativo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-grid-pulse.json` |
| ds-guided-tour | registry:ui | A presentation component for a guided tour or onboarding card. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-guided-tour.json` |
| ds-header | registry:ui | Container semântico banner com variantes default/blurred/transparent/solid, sticky, tamanhos sm/md/lg e skip link i18n. Base para todos os headers. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header.json` |
| ds-header-actions | registry:ui | Grupo de CTAs do header com variantes de Button, gap configurável e skeleton. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-actions.json` |
| ds-header-announcement | registry:ui | Faixa de anúncio dismissível com tag, link e variantes default/outline/glow. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-announcement.json` |
| ds-header-brand | registry:ui | Identidade do header com logo medallion, título e subtítulo, tamanhos sm/md/lg e skeleton. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-brand.json` |
| ds-header-centered | registry:block | Header com brand centralizado e nav abaixo, com split actions laterais. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-centered.json` |
| ds-header-command | registry:block | Header SaaS com command palette (⌘K), busca global, user menu e notificações. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-command.json` |
| ds-header-mega | registry:block | Mega dropdown com grid de links e feature card — e-commerce / docs. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-mega.json` |
| ds-header-mobile-drawer | registry:ui | Sheet lateral para navegação mobile com accordion, brand header e footer de CTAs. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-mobile-drawer.json` |
| ds-header-nav | registry:ui | Navegação horizontal baseada em NavigationMenu com suporte a dropdown, mega custom content, badge e estados active. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-nav.json` |
| ds-header-search | registry:ui | An expandable search button for use in page headers with smooth transition animations. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-search.json` |
| ds-header-simple | registry:block | Bloco minimal SaaS: brand + nav desktop + search + actions + mobile drawer. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-simple.json` |
| ds-header-topbar | registry:ui | Barra utilitária acima do header com email, telefone, socials e locale selector. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-topbar.json` |
| ds-header-transparent | registry:block | Header overlay hero que vira blurred ao scroll com threshold configurável. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-transparent.json` |
| ds-header-user-menu | registry:ui | Avatar com DropdownMenu, badge de notificações e grupos de ações para header. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-user-menu.json` |
| ds-header-with-topbar | registry:block | HeaderSimple empilhado com Topbar e Announcement — padrão blockus com contato/social. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-with-topbar.json` |
| ds-heatmap-chart | registry:ui | A responsive heatmap chart built with pure CSS grid and color-mix for smooth color interpolation. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-heatmap-chart.json` |
| ds-hero-announcement | registry:block | Hero centralizado com badge de anúncio e mural de logos em marquee — composto de ds-hero-section, ds-announcement-badge e ds-marquee. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-announcement.json` |
| ds-hero-bento | registry:block | Hero centralizado seguido de um grid bento — composto de ds-hero-section e ds-bento-grid. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-bento.json` |
| ds-hero-cycling | registry:block | Hero centralizado com título que alterna palavras — composto de ds-hero-section e ds-text-rotator. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-cycling.json` |
| ds-hero-glow | registry:block | Hero com glow radial superior e grid sutil — inspirado em Launch UI Hero Top Glow. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-glow.json` |
| ds-hero-layers | registry:block | Hero com screenshots em camadas sobrepostas (Layers) — inspirado em Launch UI Hero Layers. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-layers.json` |
| ds-hero-section | registry:ui | Shell de layout de seção Hero composível em subcomponentes atômicos com alinhamentos center, left e split. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-section.json` |
| ds-hero-stats | registry:block | Hero centralizado seguido de tira de estatísticas — composto de ds-hero-section e ds-card-stat. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-stats.json` |
| ds-hero-terminal | registry:block | Hero split com preview de terminal/navegador — composto de ds-hero-section, ds-background-glow e ds-browser-mockup. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-terminal.json` |
| ds-hero-video | registry:block | Hero centralizado com thumbnail de vídeo em diálogo — composto de ds-hero-section e ds-video-dialog. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-video.json` |
| ds-hero-waitlist | registry:block | Hero centralizado com captura de e-mail — composto de ds-hero-section e ds-waitlist-form. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-waitlist.json` |
| ds-how-it-works | registry:ui | Seção explicativa em passos numerados com variante horizontal/vertical. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-how-it-works.json` |
| ds-how-it-works-timeline | registry:block | Timeline vertical com linha conectora — blockus #03 #10 #17. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-how-it-works-timeline.json` |
| ds-icon-button | registry:ui | An icon-only button with optional tooltip, loading state, size and rounded variants built on the Button and Tooltip primitives. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-icon-button.json` |
| ds-image-crop | registry:ui | Crop com drag e zoom slider — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-image-crop.json` |
| ds-image-gallery | registry:ui | Galeria de imagens flexível — grid, masonry ou linha com scroll-snap — com legenda/overlay opcional por item. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-image-gallery.json` |
| ds-image-zoom | registry:ui | Zoom hover lens — adaptado Kibo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-image-zoom.json` |
| ds-inline-edit | registry:ui | Edição in-place com click-to-edit, estados de salvamento e validação inline. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-inline-edit.json` |
| ds-input | registry:ui | Extended input with icon prefix/suffix, clearable button, character counter with maxLength, loading spinner, i18n labels, and error state. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-input.json` |
| ds-input-email | registry:ui | An email input field with a built-in mail icon and customizable size and radius variants. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-input-email.json` |
| ds-input-password | registry:ui | A secure password input field with a toggle visibility button and custom size/radius options. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-input-password.json` |
| ds-integration-tile | registry:ui | Tile de integração com logo e status — átomo base integrations. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-integration-tile.json` |
| ds-integrations | registry:block | Grid de integrações com busca — blockus #01-12. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-integrations.json` |
| ds-integrations-marquee | registry:block | Parede de logos em marquee infinita — blockus #13-24. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-integrations-marquee.json` |
| ds-kanban-board | registry:ui | Kanban board com drag-and-drop real (@dnd-kit) — reordena e move cards entre colunas por ponteiro ou teclado. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-kanban-board.json` |
| ds-keyboard-shortcut | registry:ui | — | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-keyboard-shortcut.json` |
| ds-lightbox | registry:ui | Visualizador de imagem em tela cheia com navegação anterior/próxima, setas do teclado e tira de miniaturas. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-lightbox.json` |
| ds-line-chart | registry:ui | A responsive line chart with plain lines, gradient area fills, stacked areas, reference lines, and brush zoom. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-line-chart.json` |
| ds-locale-provider | registry:ui | Context provider that sets the default locale for every ds-* component in the tree (prop > provider > en-US). Exports UILocaleProvider, useUILocale and useOpti… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-locale-provider.json` |
| ds-location-picker | registry:ui | Address autocomplete picker with async search callback — decoupled from any geocoding API. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-location-picker.json` |
| ds-login-form | registry:ui | Bloco completo de formulário de login pronto para produção integrando social login, credenciais e passkey. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-login-form.json` |
| ds-logo-cloud-glow | registry:block | Mural de logos centralizado dentro de um card com glow que reage ao ponteiro — composto de ds-press-wall e ds-cursor-spotlight. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-glow.json` |
| ds-logo-cloud-grouped | registry:block | Mural de logos com filtro de indústria/categoria — composto de ds-press-wall e ds-pill-group. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-grouped.json` |
| ds-logo-cloud-quotes | registry:block | Pares de logo do cliente + depoimento curto em grid de cartões — composto de ds-pull-quote. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-quotes.json` |
| ds-logo-cloud-stats | registry:block | Estatística em destaque acima de um mural de logos — composto de ds-press-wall. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-stats.json` |
| ds-magic-link-form | registry:ui | Formulário de autenticação sem senha (magic link) com confirmação e temporizador de reenvio. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-magic-link-form.json` |
| ds-magnetic-element | registry:ui | — | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-magnetic-element.json` |
| ds-manifesto-statement | registry:ui | Declaração de manifesto institucional com tipografia editorial grande e citações autorais. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-manifesto-statement.json` |
| ds-markdown-editor | registry:ui | Markdown editor with edit/preview/split modes, toolbar, and fullscreen. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-markdown-editor.json` |
| ds-marquee | registry:ui | Carrossel de rolagem contínua para logos de clientes, depoimentos ou cartões de dados. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-marquee.json` |
| ds-marquee-duo | registry:ui | Marquee duplo (2 rows) com direção oposta e pause on hover — inspirado em Launch UI Social Proof Marquee 2 Rows. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-marquee-duo.json` |
| ds-meteor-shower | registry:ui | Chuva de meteoros 100% CSS (sem canvas, sem RAF) para fundo de hero — posições determinísticas, custo de CPU essencialmente nulo. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-meteor-shower.json` |
| ds-metric-comparison | registry:ui | Comparação direta entre dois pontos de dados com variação absoluta, relativa e barra proporcional. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-metric-comparison.json` |
| ds-milestone-stepper | registry:ui | Linha do tempo de marcos cronológicos e trajetória histórica com anos tabulares. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-milestone-stepper.json` |
| ds-mini-card | registry:ui | Compact stat label+value unit for horizontal summary strips. Compose with MiniCardGroup (pill, outlined, elevated, ghost variants) and MiniCardStrip (auto-divi… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-mini-card.json` |
| ds-mission-vision-cards | registry:ui | Par contrastante de cartões para declaração articulada de Missão e Visão institucionais. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-mission-vision-cards.json` |
| ds-mockup | registry:ui | Mockup com frames small/large/mobile e sombra — inspirado em Launch UI Mockup. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-mockup.json` |
| ds-modal | registry:ui | 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 un… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-modal.json` |
| ds-morphing-dialog | registry:ui | Morphing Dialog using framer-motion. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-morphing-dialog.json` |
| ds-multi-select | registry:ui | Combobox que permite selecionar múltiplos itens de uma lista. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-multi-select.json` |
| ds-nav-dots | registry:ui | Dot-based section navigation with automatic scroll tracking and tooltips. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-nav-dots.json` |
| ds-nav-user | registry:ui | A user profile dropdown menu for navigation headers, built on DropdownMenu and Avatar. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-nav-user.json` |
| ds-navbar-floating | registry:block | Navbar flutuante com blur, borda e menu mobile — inspirado em Launch UI Navbar Floating. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-navbar-floating.json` |
| ds-notification-center | registry:ui | A notification center component. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-notification-center.json` |
| ds-number-field | registry:ui | Campo numérico com spinbuttons — ReUI Number Field. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-number-field.json` |
| ds-office-locations | registry:ui | Grid interativo de unidades e endereços com horários e status de funcionamento. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-office-locations.json` |
| ds-onboarding | registry:block | Passos de onboarding com progresso — ReUI Onboarding 9. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-onboarding.json` |
| ds-otp-input | registry:ui | An OTP input for verification codes. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-otp-input.json` |
| ds-page-header | registry:ui | Cabeçalho de página padronizado com breadcrumbs, título, tags, ações e navegação de retorno. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-page-header.json` |
| ds-page-loader | registry:ui | 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 l… | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-page-loader.json` |
| ds-pagination | registry:ui | A pagination component with locale-aware aria labels, prev/next links, and ellipsis support. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pagination.json` |
| ds-particle-field | registry:ui | 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. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-particle-field.json` |
| ds-star-shower | registry:ui | 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 … | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-star-shower.json` |
| ds-passkey-prompt | registry:ui | Botão e prompt para autenticação biométrica e chaves de segurança WebAuthn / Passkeys. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-passkey-prompt.json` |
| ds-password-strength-meter | registry:ui | Indicador dinâmico de segurança de senha com 4 níveis semânticos e checklist de requisitos em tempo real. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-password-strength-meter.json` |
| ds-phone-input | registry:ui | Phone input field with country code selection and flags. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-phone-input.json` |
| ds-pie-chart | registry:ui | A responsive pie and donut chart with interactive center label, legend, and outer slice labels. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pie-chart.json` |
| ds-pill-group | registry:ui | A horizontal filter bar with pill-shaped toggle buttons, item counts, per-item intent colors, icon support, and automatic scroll overflow with fade indicators. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pill-group.json` |
| ds-press-wall | registry:ui | Mural de menções na imprensa, veículos de mídia e notícias institucionais. | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-press-wall.json` |
| ds-pricing-calculator | registry:ui | — | `npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pricing-calculator.json` |

## For AI agents

```text
You are adding components from @lema-ds to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/lema-ds.md) for the component list.
2. Fetch the machine-readable index: https://ds.lema.ufpb.br/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: lema-ds).
```