Animated componentspro available
@shadcn-ui-blocks
Animated components · data updated 2026-07-28
Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.
accessibilityaianimationauthblocksbuttonscardschartsdashboarddeveloper-toolsformsiconsmapsmediamobilenavigationoverlayspro-availabletables
Install
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (3963)
application-pro-accessibility-a11y-checklist-panelapplication-pro-accessibility-a11y-issue-trendsapplication-pro-accessibility-a11y-preferences-panelapplication-pro-accessibility-alt-text-review-queueapplication-pro-accessibility-assistive-tech-matrixapplication-pro-accessibility-conformance-report-cardapplication-pro-accessibility-contrast-checker-cardapplication-pro-accessibility-focus-order-inspectorapplication-pro-accessibility-heading-outline-treeapplication-pro-accessibility-keyboard-nav-guideapplication-pro-accessibility-live-region-logapplication-pro-accessibility-media-captions-auditapplication-pro-accessibility-reduced-motion-auditapplication-pro-accessibility-screen-reader-labels-tableapplication-pro-accessibility-touch-target-auditapplication-pro-accessibility-zoom-reflow-auditapplication-pro-activity-activity-calendarapplication-pro-activity-activity-heatmapapplication-pro-activity-approvals-queueapplication-pro-activity-audit-export-cardapplication-pro-activity-audit-trail-timelineapplication-pro-activity-automation-run-logapplication-pro-activity-catch-up-digestapplication-pro-activity-changelog-feedapplication-pro-activity-comment-mentions-listapplication-pro-activity-comment-thread-panelapplication-pro-activity-deploy-activity-feedapplication-pro-activity-edit-history-diffapplication-pro-activity-filtered-activity-logapplication-pro-activity-inactivity-watch-cardapplication-pro-activity-live-presence-barapplication-pro-activity-member-activity-panelapplication-pro-activity-mention-feedapplication-pro-activity-pinned-updates-cardapplication-pro-activity-project-activity-breakdownapplication-pro-activity-reaction-activity-feedapplication-pro-activity-sign-in-activity-listapplication-pro-activity-status-change-logapplication-pro-activity-team-activity-feedapplication-pro-activity-team-pulse-cardapplication-pro-activity-version-history-listapplication-pro-activity-who-did-what-tableapplication-pro-admin-moderation-audit-search-panelapplication-pro-admin-moderation-automation-rules-panelapplication-pro-admin-moderation-ban-appeal-panelapplication-pro-admin-moderation-bulk-review-tableapplication-pro-admin-moderation-content-flags-tableapplication-pro-admin-moderation-escalation-path-panelapplication-pro-admin-moderation-feature-toggle-adminapplication-pro-admin-moderation-ip-blocklist-managerapplication-pro-admin-moderation-keyword-filter-managerapplication-pro-admin-moderation-moderation-queueapplication-pro-admin-moderation-moderator-performance-boardapplication-pro-admin-moderation-queue-health-panelapplication-pro-admin-moderation-report-review-cardapplication-pro-admin-moderation-role-permissions-matrixapplication-pro-admin-moderation-user-admin-tableapplication-pro-admin-moderation-user-risk-profileapplication-pro-admin-moderation-violation-trends-panelapplication-pro-ai-assistant-action-approval-card
Components: application-pro-accessibility-a11y-checklist-panel, application-pro-accessibility-a11y-issue-trends, application-pro-accessibility-a11y-preferences-panel, application-pro-accessibility-alt-text-review-queue, application-pro-accessibility-assistive-tech-matrix, application-pro-accessibility-conformance-report-card, application-pro-accessibility-contrast-checker-card, application-pro-accessibility-focus-order-inspector, application-pro-accessibility-heading-outline-tree, application-pro-accessibility-keyboard-nav-guide, application-pro-accessibility-live-region-log, application-pro-accessibility-media-captions-audit, application-pro-accessibility-reduced-motion-audit, application-pro-accessibility-screen-reader-labels-table, application-pro-accessibility-touch-target-audit, application-pro-accessibility-zoom-reflow-audit, application-pro-activity-activity-calendar, application-pro-activity-activity-heatmap, application-pro-activity-approvals-queue, application-pro-activity-audit-export-card, application-pro-activity-audit-trail-timeline, application-pro-activity-automation-run-log, application-pro-activity-catch-up-digest, application-pro-activity-changelog-feed, application-pro-activity-comment-mentions-list, application-pro-activity-comment-thread-panel, application-pro-activity-deploy-activity-feed, application-pro-activity-edit-history-diff, application-pro-activity-filtered-activity-log, application-pro-activity-inactivity-watch-card, application-pro-activity-live-presence-bar, application-pro-activity-member-activity-panel, application-pro-activity-mention-feed, application-pro-activity-pinned-updates-card, application-pro-activity-project-activity-breakdown, application-pro-activity-reaction-activity-feed, application-pro-activity-sign-in-activity-list, application-pro-activity-status-change-log, application-pro-activity-team-activity-feed, application-pro-activity-team-pulse-card, application-pro-activity-version-history-list, application-pro-activity-who-did-what-table, application-pro-admin-moderation-audit-search-panel, application-pro-admin-moderation-automation-rules-panel, application-pro-admin-moderation-ban-appeal-panel, application-pro-admin-moderation-bulk-review-table, application-pro-admin-moderation-content-flags-table, application-pro-admin-moderation-escalation-path-panel, application-pro-admin-moderation-feature-toggle-admin, application-pro-admin-moderation-ip-blocklist-manager, application-pro-admin-moderation-keyword-filter-manager, application-pro-admin-moderation-moderation-queue, application-pro-admin-moderation-moderator-performance-board, application-pro-admin-moderation-queue-health-panel, application-pro-admin-moderation-report-review-card, application-pro-admin-moderation-role-permissions-matrix, application-pro-admin-moderation-user-admin-table, application-pro-admin-moderation-user-risk-profile, application-pro-admin-moderation-violation-trends-panel, application-pro-ai-assistant-action-approval-card, application-pro-ai-assistant-agent-run-trace, application-pro-ai-assistant-ai-usage-card, application-pro-ai-assistant-assistant-chat-panel, application-pro-ai-assistant-assistant-empty-state, application-pro-ai-assistant-citations-panel, application-pro-ai-assistant-context-sources-panel, application-pro-ai-assistant-conversation-history-list, application-pro-ai-assistant-feedback-thumbs-row, application-pro-ai-assistant-guardrails-panel, application-pro-ai-assistant-inline-suggestion-card, application-pro-ai-assistant-memory-panel, application-pro-ai-assistant-model-picker-card, application-pro-ai-assistant-prompt-composer, application-pro-ai-assistant-prompt-library-grid, application-pro-ai-assistant-response-compare, application-pro-ai-assistant-scheduled-agents-list, application-pro-ai-assistant-thread-summary-card, application-pro-app-shells-anchor-nav-shell, application-pro-app-shells-bottom-panel-shell, application-pro-app-shells-breadcrumb-header-shell, application-pro-app-shells-card-grid-shell, application-pro-app-shells-centered-content-shell, application-pro-app-shells-checklist-shell, application-pro-app-shells-collapsible-sidebar-shell, application-pro-app-shells-command-bar-shell, application-pro-app-shells-dashboard-home-shell, application-pro-app-shells-document-tabs-shell, application-pro-app-shells-dual-sidebar-shell, application-pro-app-shells-empty-state-shell, application-pro-app-shells-env-banner-shell, application-pro-app-shells-focus-mode-shell, application-pro-app-shells-full-bleed-shell, application-pro-app-shells-icon-sidebar-shell, application-pro-app-shells-inbox-shell, application-pro-app-shells-nested-nav-sidebar-shell, application-pro-app-shells-right-rail-shell, application-pro-app-shells-settings-shell, application-pro-app-shells-sidebar-shell, application-pro-app-shells-split-content-shell, application-pro-app-shells-sticky-toolbar-shell, application-pro-app-shells-tabbed-page-shell, application-pro-app-shells-topbar-shell, application-pro-app-shells-two-pane-shell, application-pro-app-shells-wizard-shell, application-pro-auth-pages-accept-invite-page, application-pro-auth-pages-account-linking-page, application-pro-auth-pages-account-recovery-page, application-pro-auth-pages-approval-pending-page, application-pro-auth-pages-backup-codes-page, application-pro-auth-pages-deactivated-account-page, application-pro-auth-pages-device-approval-page, application-pro-auth-pages-email-changed-confirm, application-pro-auth-pages-forgot-password-page, application-pro-auth-pages-join-workspace-page, application-pro-auth-pages-locked-account-page, application-pro-auth-pages-magic-link-page, application-pro-auth-pages-mfa-enrollment-page, application-pro-auth-pages-oauth-callback-page, application-pro-auth-pages-oauth-consent-page, application-pro-auth-pages-passkey-setup-page, application-pro-auth-pages-password-expired-page, application-pro-auth-pages-reset-password-page, application-pro-auth-pages-session-expired-page, application-pro-auth-pages-sign-in-page, application-pro-auth-pages-sign-up-page, application-pro-auth-pages-sso-error-page, application-pro-auth-pages-sso-login-page, application-pro-auth-pages-two-factor-page, application-pro-auth-pages-verify-email-page, application-pro-auth-pages-welcome-back-login, application-pro-auth-pages-workspace-picker-page, application-pro-billing-addons-panel, application-pro-billing-billing-contacts-card, application-pro-billing-billing-cycle-switch, application-pro-billing-cancel-flow-blueprint, application-pro-billing-cost-allocation-panel, application-pro-billing-coupon-redemption-card, application-pro-billing-credits-balance-card, application-pro-billing-current-plan-usage, application-pro-billing-dunning-banner, application-pro-billing-invoice-detail-page, application-pro-billing-invoice-history-table, application-pro-billing-pause-subscription-panel, application-pro-billing-payment-history-table, application-pro-billing-payment-method-panel, application-pro-billing-plan-change-history, application-pro-billing-plan-comparison-table, application-pro-billing-proration-preview-card, application-pro-billing-receipt-card, application-pro-billing-refund-status-card, application-pro-billing-seat-management-panel, application-pro-billing-spend-trend-chart, application-pro-billing-spending-limit-card, application-pro-billing-tax-and-invoice-settings, application-pro-billing-trial-status-card, application-pro-billing-upgrade-comparison-card, application-pro-billing-usage-alerts-panel, application-pro-billing-usage-breakdown-bill, application-pro-calendar-scheduling-availability-grid, application-pro-calendar-scheduling-booking-confirmation-card, application-pro-calendar-scheduling-calendar-sync-status, application-pro-calendar-scheduling-event-detail-panel, application-pro-calendar-scheduling-event-list-day, application-pro-calendar-scheduling-invite-rsvp-card, application-pro-calendar-scheduling-meeting-poll-panel, application-pro-calendar-scheduling-mini-calendar-card, application-pro-calendar-scheduling-month-calendar, application-pro-calendar-scheduling-recurring-event-form, application-pro-calendar-scheduling-reschedule-request-panel, application-pro-calendar-scheduling-room-booking-timeline, application-pro-calendar-scheduling-scheduling-link-card, application-pro-calendar-scheduling-team-availability-heatmap, application-pro-calendar-scheduling-timezone-compare-row, application-pro-calendar-scheduling-week-agenda, application-pro-calendar-scheduling-working-hours-editor, application-pro-charts-area-with-range-chart, application-pro-charts-bubble-chart, application-pro-charts-bullet-kpi-rows, application-pro-charts-cohort-retention-heatmap, application-pro-charts-conversion-funnel-bars, application-pro-charts-diverging-survey-bars, application-pro-charts-dumbbell-latency-chart, application-pro-charts-gauge-progress-chart, application-pro-charts-grouped-bar-chart, application-pro-charts-heatmap-calendar-chart, application-pro-charts-histogram-distribution-chart, application-pro-charts-horizontal-bar-ranking, application-pro-charts-latency-percentile-chart, application-pro-charts-mrr-stacked-bars, application-pro-charts-multi-line-trend, application-pro-charts-pareto-error-chart, application-pro-charts-percent-stacked-bars, application-pro-charts-plan-mix-donut, application-pro-charts-radar-chart, application-pro-charts-radial-usage-rings, application-pro-charts-revenue-area-chart, application-pro-charts-scatter-plot-chart, application-pro-charts-signups-bar-chart, application-pro-charts-slope-comparison-chart, application-pro-charts-sparkbar-row, application-pro-charts-stacked-category-bars, application-pro-charts-stepped-area-chart, application-pro-charts-usage-line-chart, application-pro-charts-waterfall-chart, application-pro-charts-weekly-active-users-chart, application-pro-chat-messaging-active-call-panel, application-pro-chat-messaging-channel-directory, application-pro-chat-messaging-channel-list-sidebar, application-pro-chat-messaging-channel-settings-panel, application-pro-chat-messaging-conversation-list, application-pro-chat-messaging-dm-thread-panel, application-pro-chat-messaging-emoji-reactions-blueprint, application-pro-chat-messaging-member-profile-drawer, application-pro-chat-messaging-mentions-activity-feed, application-pro-chat-messaging-message-composer, application-pro-chat-messaging-message-thread, application-pro-chat-messaging-pinned-messages-panel, application-pro-chat-messaging-poll-message-card, application-pro-chat-messaging-scheduled-messages-panel, application-pro-chat-messaging-search-messages-results, application-pro-chat-messaging-shared-files-panel, application-pro-chat-messaging-thread-reply-panel, application-pro-chat-messaging-voice-message-thread, application-pro-comments-annotations-annotation-layers-rail, application-pro-comments-annotations-annotation-toolbar-blueprint, application-pro-comments-annotations-canvas-pin-comments, application-pro-comments-annotations-code-review-thread, application-pro-comments-annotations-comment-assignments, application-pro-comments-annotations-comment-composer, application-pro-comments-annotations-comment-notification-inbox, application-pro-comments-annotations-comment-sidebar, application-pro-comments-annotations-inline-annotation-thread, application-pro-comments-annotations-mention-picker-blueprint, application-pro-comments-annotations-outdated-comments-panel, application-pro-comments-annotations-pending-review-tray, application-pro-comments-annotations-reaction-bar, application-pro-comments-annotations-resolved-comments-list, application-pro-comments-annotations-spreadsheet-cell-comments, application-pro-comments-annotations-suggestion-review-row, application-pro-comments-annotations-video-timestamp-comments, application-pro-data-tables-audit-log-table, application-pro-data-tables-column-visibility-table, application-pro-data-tables-comparison-table, application-pro-data-tables-csv-preview-table, application-pro-data-tables-dense-data-table, application-pro-data-tables-density-toggle-table, application-pro-data-tables-diff-review-table, application-pro-data-tables-editable-cells-table, application-pro-data-tables-empty-state-table, application-pro-data-tables-feature-flags-table, application-pro-data-tables-grouped-columns-table, application-pro-data-tables-grouped-rows-table, application-pro-data-tables-heatmap-cells-table, application-pro-data-tables-inline-edit-table, application-pro-data-tables-invoices-table, application-pro-data-tables-multi-select-toolbar-table, application-pro-data-tables-nested-detail-table, application-pro-data-tables-paginated-table, application-pro-data-tables-pinned-columns-table, application-pro-data-tables-row-actions-menu-blueprint, application-pro-data-tables-search-highlight-table, application-pro-data-tables-selectable-bulk-table, application-pro-data-tables-sortable-header-table, application-pro-data-tables-sparkline-metrics-table, application-pro-data-tables-status-summary-table, application-pro-data-tables-sticky-footer-totals-table, application-pro-data-tables-sticky-header-table, application-pro-data-tables-table-with-expandable-rows, application-pro-data-tables-table-with-filters, application-pro-data-tables-timeline-table, application-pro-data-tables-tree-table, application-pro-data-tables-users-table, application-pro-developer-tools-api-console, application-pro-developer-tools-build-status-list, application-pro-developer-tools-cron-jobs-monitor, application-pro-developer-tools-dependency-audit, application-pro-developer-tools-deploy-panel, application-pro-developer-tools-diff-viewer, application-pro-developer-tools-env-vars-manager, application-pro-developer-tools-error-inbox, application-pro-developer-tools-feature-flags-panel, application-pro-developer-tools-log-viewer, application-pro-developer-tools-migrations-panel, application-pro-developer-tools-sdk-quickstart, application-pro-developer-tools-secrets-rotation-card, application-pro-developer-tools-sql-query-editor, application-pro-developer-tools-terminal-panel, application-pro-developer-tools-trace-waterfall, application-pro-developer-tools-webhook-logs-table, application-pro-dialogs-api-key-created-dialog, application-pro-dialogs-archive-project-dialog, application-pro-dialogs-bulk-edit-dialog, application-pro-dialogs-cancel-subscription-dialog, application-pro-dialogs-confirm-delete-dialog, application-pro-dialogs-connect-account-dialog, application-pro-dialogs-create-webhook-dialog, application-pro-dialogs-edit-conflict-dialog, application-pro-dialogs-export-data-dialog, application-pro-dialogs-feedback-dialog, application-pro-dialogs-import-result-dialog, application-pro-dialogs-invite-members-dialog, application-pro-dialogs-keyboard-help-dialog, application-pro-dialogs-keyboard-shortcuts-dialog, application-pro-dialogs-merge-duplicates-dialog, application-pro-dialogs-move-to-project-dialog, application-pro-dialogs-payment-failed-dialog, application-pro-dialogs-remove-member-dialog, application-pro-dialogs-request-access-dialog, application-pro-dialogs-restore-version-dialog, application-pro-dialogs-role-change-dialog, application-pro-dialogs-schedule-action-dialog, application-pro-dialogs-session-expiring-dialog, application-pro-dialogs-share-link-dialog, application-pro-dialogs-sign-out-sessions-dialog, application-pro-dialogs-transfer-ownership-dialog, application-pro-dialogs-two-factor-setup-dialog, application-pro-dialogs-unsaved-changes-dialog, application-pro-dialogs-upgrade-plan-dialog, application-pro-dialogs-verify-domain-dialog, application-pro-empty-states-archived-project-state, application-pro-empty-states-cleared-inbox-state, application-pro-empty-states-coming-soon-state, application-pro-empty-states-deleted-resource-state, application-pro-empty-states-empty-automations-state, application-pro-empty-states-empty-chart-state, application-pro-empty-states-empty-comments-state, application-pro-empty-states-empty-table-state, application-pro-empty-states-empty-uploads-dropzone, application-pro-empty-states-error-boundary-card, application-pro-empty-states-error-page-404, application-pro-empty-states-error-page-500, application-pro-empty-states-first-run-checklist-empty, application-pro-empty-states-import-in-progress-state, application-pro-empty-states-maintenance-page, application-pro-empty-states-no-access-yet-state, application-pro-empty-states-no-data-yet-state, application-pro-empty-states-no-integrations-state, application-pro-empty-states-no-search-results-state, application-pro-empty-states-offline-state, application-pro-empty-states-onboarding-empty-dashboard, application-pro-empty-states-payment-failed-state, application-pro-empty-states-permission-denied-state, application-pro-empty-states-rate-limited-state, application-pro-empty-states-search-no-matches, application-pro-empty-states-session-expired-state, application-pro-empty-states-storage-full-state, application-pro-empty-states-trial-expired-state, application-pro-empty-states-welcome-back-state, application-pro-file-manager-file-activity-feed, application-pro-file-manager-file-browser-table, application-pro-file-manager-file-conflict-resolver, application-pro-file-manager-file-detail-panel, application-pro-file-manager-file-grid-gallery, application-pro-file-manager-file-request-panel, application-pro-file-manager-file-search-results, application-pro-file-manager-file-version-history, application-pro-file-manager-folder-tree-nav, application-pro-file-manager-recent-files-list, application-pro-file-manager-share-permissions-panel, application-pro-file-manager-shared-links-table, application-pro-file-manager-shared-with-me-table, application-pro-file-manager-storage-cleanup-panel, application-pro-file-manager-storage-usage-card, application-pro-file-manager-sync-status-panel, application-pro-file-manager-trash-bin-table, application-pro-file-manager-upload-dropzone-card, application-pro-filters-and-search-advanced-filter-builder, application-pro-filters-and-search-applied-filters-summary, application-pro-filters-and-search-column-filter-blueprint, application-pro-filters-and-search-date-range-panel, application-pro-filters-and-search-faceted-filter-bar, application-pro-filters-and-search-filter-chips-row, application-pro-filters-and-search-filter-funnel-panel, application-pro-filters-and-search-find-in-view-bar, application-pro-filters-and-search-group-by-selector, application-pro-filters-and-search-grouped-results-blueprint, application-pro-filters-and-search-include-exclude-tags, application-pro-filters-and-search-multi-facet-panel, application-pro-filters-and-search-multi-sort-builder, application-pro-filters-and-search-query-language-bar, application-pro-filters-and-search-quick-filter-toggles, application-pro-filters-and-search-range-filter-histogram, application-pro-filters-and-search-recent-and-saved-blueprint, application-pro-filters-and-search-results-density-toggle, application-pro-filters-and-search-saved-filter-pills, application-pro-filters-and-search-saved-searches-manager, application-pro-filters-and-search-saved-views-tabs, application-pro-filters-and-search-scope-selector-bar, application-pro-filters-and-search-search-preview-pane, application-pro-filters-and-search-search-results-highlights, application-pro-filters-and-search-search-with-recent, application-pro-filters-and-search-sort-density-toolbar, application-pro-filters-and-search-sort-menu-blueprint, application-pro-filters-and-search-view-changes-bar, application-pro-filters-and-search-zero-results-panel, application-pro-forms-address-form-card, application-pro-forms-api-token-create-form, application-pro-forms-bulk-import-csv-card, application-pro-forms-conditional-fields-form, application-pro-forms-create-project-formPreview
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.
@shadcn-ui-blocks · application-pro-accessibility-a11y-checklist-panel
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-checklist-panel.jsonView source