Animated componentspro available
@lema-ds
Animated components · data updated 2026-10-27
Enterprise-grade design system and component library for LEMA-UFPB
animationaudioauthbackgroundsblocksbuttonscardschartscmsdashboarddesign-systemdeveloper-toolse-commerceformsiconsloadersmarketingmedianavigationonboardingoverlayspaymentspro-availabletables
Install
npx shadcn@latest add https://ds.lema.ufpb.br/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (378)
accordionalertalert-dialogaspect-ratioattachmentavatarbadgebreadcrumbbubblebuttonbutton-groupcalendarcardcard-stat-sharedcarouselchartchart-axis-widthcheckboxcollapsiblecomboboxcommandcontext-menudialogdirectiondrawerdropdown-menuds-about-manifesto-herods-about-milestonesds-about-sectionds-about-split-storyds-about-values-gridds-accordionds-activity-feedds-ai-chatds-animated-numberds-announcement-badgeds-app-sidebards-app-store-badgesds-audio-playerds-aurora-backgroundds-auth-cardds-auth-separatords-auth-split-screends-autocompleteds-avatards-avatar-presenceds-background-glowds-badgeds-bannerds-banner-appds-banner-cookieds-banner-marqueeds-banner-promods-banner-topds-bar-chartds-bento-featuresds-bento-gridds-bento-metricsds-bento-showcaseds-bento-social-proof
Components: accordion, alert, alert-dialog, aspect-ratio, attachment, avatar, badge, breadcrumb, bubble, button, button-group, calendar, card, card-stat-shared, carousel, chart, chart-axis-width, checkbox, collapsible, combobox, command, context-menu, dialog, direction, drawer, dropdown-menu, ds-about-manifesto-hero, ds-about-milestones, ds-about-section, ds-about-split-story, ds-about-values-grid, ds-accordion, ds-activity-feed, ds-ai-chat, ds-animated-number, ds-announcement-badge, ds-app-sidebar, ds-app-store-badges, ds-audio-player, ds-aurora-background, ds-auth-card, ds-auth-separator, ds-auth-split-screen, ds-autocomplete, ds-avatar, ds-avatar-presence, ds-background-glow, ds-badge, ds-banner, ds-banner-app, ds-banner-cookie, ds-banner-marquee, ds-banner-promo, ds-banner-top, ds-bar-chart, ds-bento-features, ds-bento-grid, ds-bento-metrics, ds-bento-showcase, ds-bento-social-proof, ds-billing, ds-blog-author, ds-blog-card, ds-blog-featured, ds-blog-grid, ds-blog-list, ds-blog-meta, ds-border-beam, ds-boxplot-chart, ds-breadcrumbs, ds-browser-mockup, ds-bullet-chart, ds-button, ds-callout, ds-candlestick-chart, ds-card-icon, ds-card-stat, ds-card-stat-compact, ds-card-stat-comparison, ds-card-stat-gauge, ds-card-stat-heatbar, ds-card-stat-highlight, ds-card-stat-list, ds-card-stat-progress, ds-card-stat-sparkline, ds-card-stats, ds-carousel, ds-cascader, ds-changelog, ds-checkout, ds-color-picker, ds-combobox, ds-command-palette, ds-compare-slider, ds-comparison, ds-confetti, ds-confirm-dialog, ds-contact-bento, ds-contact-channels, ds-contact-form, ds-contact-split, ds-contribution-graph, ds-copy-block, ds-counter, ds-credit-card, ds-cron-builder, ds-cta, ds-cta-centered, ds-cta-newsletter, ds-cta-split, ds-culture-gallery, ds-cursor, ds-cursor-spotlight, ds-dashboard, ds-dashboard-layout, ds-dashbox, ds-dashrow, ds-data-table, ds-date-picker, ds-date-range-picker, ds-deck, ds-description-list, ds-diff-viewer, ds-direction-aware-hover, ds-drawer, ds-dynamic-island, ds-empty, ds-empty-action, ds-empty-state-illustration, ds-event-calendar, ds-fade, ds-faqs, ds-faqs-support, ds-faqs-tabs, ds-feature-spotlight, ds-feature-sticky, ds-feedback-widget, ds-file-preview, ds-file-upload, ds-filter-builder, ds-filter-sidebar, ds-floating-card, ds-floating-dock, ds-footer-bottom-bar, ds-footer-brand-backdrop, ds-footer-cta, ds-footer-mega, ds-footer-menu, ds-footer-newsletter, ds-footer-simple, ds-footer-wordmark, ds-forgot-password-form, ds-form-builder, ds-founder-letter, ds-funnel-chart, ds-gallery-filterable, ds-gallery-split, ds-gallery-video, ds-gantt, ds-geomap-chart, ds-glass, ds-globe-3d, ds-glow, ds-grid-pulse, ds-guided-tour, ds-header, ds-header-actions, ds-header-announcement, ds-header-brand, ds-header-centered, ds-header-command, ds-header-mega, ds-header-mobile-drawer, ds-header-nav, ds-header-search, ds-header-simple, ds-header-topbar, ds-header-transparent, ds-header-user-menu, ds-header-with-topbar, ds-heatmap-chart, ds-hero-announcement, ds-hero-bento, ds-hero-cycling, ds-hero-glow, ds-hero-layers, ds-hero-section, ds-hero-stats, ds-hero-terminal, ds-hero-video, ds-hero-waitlist, ds-how-it-works, ds-how-it-works-timeline, ds-icon-button, ds-image-crop, ds-image-gallery, ds-image-zoom, ds-inline-edit, ds-input, ds-input-email, ds-input-password, ds-integration-tile, ds-integrations, ds-integrations-marquee, ds-kanban-board, ds-keyboard-shortcut, ds-lightbox, ds-line-chart, ds-locale-provider, ds-location-picker, ds-login-form, ds-logo-cloud-glow, ds-logo-cloud-grouped, ds-logo-cloud-quotes, ds-logo-cloud-stats, ds-magic-link-form, ds-magnetic-element, ds-manifesto-statement, ds-markdown-editor, ds-marquee, ds-marquee-duo, ds-meteor-shower, ds-metric-comparison, ds-milestone-stepper, ds-mini-card, ds-mission-vision-cards, ds-mockup, ds-modal, ds-morphing-dialog, ds-multi-select, ds-nav-dots, ds-nav-user, ds-navbar-floating, ds-notification-center, ds-number-field, ds-office-locations, ds-onboarding, ds-otp-input, ds-page-header, ds-page-loader, ds-pagination, ds-particle-field, ds-star-shower, ds-passkey-prompt, ds-password-strength-meter, ds-phone-input, ds-pie-chart, ds-pill-group, ds-press-wall, ds-pricing-calculator, ds-pricing-card, ds-pricing-comparison, ds-pricing-grid, ds-product-card, ds-profile, ds-progress-bar, ds-progress-circular, ds-pull-quote, ds-qr-code, ds-radar-chart, ds-radial-chart, ds-radial-menu, ds-rating, ds-reaction-bar, ds-reading-progress, ds-receipt-card, ds-register, ds-register-simple, ds-register-split, ds-rich-text-editor, ds-risk-level-bar, ds-sankey-chart, ds-scatter-chart, ds-schedule, ds-score-row, ds-scratch-to-reveal, ds-screenshot, ds-scroll-reveal, ds-scroll-to-top, ds-search-bar, ds-search-combo, ds-section-cards, ds-select, ds-select-list, ds-settings, ds-settings-view, ds-shortcut-sheet, ds-sidebar-search, ds-signature-pad, ds-signup-form, ds-skeleton-layout, ds-slider, ds-snippet, ds-social-auth-group, ds-social-links, ds-sortable, ds-sparkline, ds-spinner, ds-spotlight-card, ds-stats, ds-stats-grid, ds-status-page, ds-step-progress, ds-stepper, ds-sticky-feature-list, ds-switch, ds-system-status-badge, ds-table-of-contents, ds-tabs, ds-tag-input, ds-team-card, ds-team-grid, ds-team-roster, ds-team-switcher, ds-testimonial-card, ds-testimonials, ds-text-rotator, ds-text-scramble, ds-ticker, ds-tilt-card, ds-time-picker, ds-timeline, ds-toggle-theme, ds-tracing-beam, ds-transfer-list, ds-tree-view, ds-treemap-chart, ds-two-factor-auth, ds-typewriter, ds-users-table, ds-values-card, ds-video-dialog, ds-virtual-list, ds-waitlist-form, ds-waterfall-chart, ds-wizard, empty, field, format-utils, hover-card, input, input-group, input-otp, item, kbd, label, marker, menubar, message, message-scroller, native-select, navigation-menu, pagination, popover, progress, questionnaire, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tabs, textarea, toggle, toggle-group, tooltip, ui-i18n, ds-link-provider, client-only, tokensPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.