@shadcn-ui-blocks
Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.
Install this registry
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json pnpm dlx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json bunx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json curl -s https://www.shadcn-ui-blocks.com/r/registry.json Components
60 totalWCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-checklist-panel.json Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-issue-trends.json Accessibility settings panel with a text size selector, live sample line, and grouped vision, motion, and screen reader switches with helper text.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-preferences-panel.json Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-assistive-tech-matrix.json Theme token contrast audit card showing computed ratios and AA and AAA pass badges for normal and large text across four Acme token pairings.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-contrast-checker-card.json Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list showing selectors, roles, and flagged order issues.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-focus-order-inspector.json Indented document heading tree with landmark chips, level tags, and issue badges for skipped levels, empty headings, and a duplicate H1.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-heading-outline-tree.json Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rendered with Kbd components, action descriptions, and context labels.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-keyboard-nav-guide.json ARIA live region event log with timestamps, politeness badges, source selectors, and flags for duplicate, chatty, and empty announcements.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-live-region-log.json Media library audit pairing coverage tiles and progress bars with a per asset table of caption, transcript, and audio description chips.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-media-captions-audit.json Accessible name audit table listing Acme workspace UI elements with their computed label, ARIA role, labeled or missing status, and an exact fix hint.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-screen-reader-labels-table.json Interactive control audit showing hit areas at true scale in 44px frames with measured sizes, AA and AAA badges, and fix hints.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-touch-target-audit.json Month grid calendar with per-day activity dots scaled by event count and a selected-day event list beside it.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-calendar.json Weekday by hour heatmap of workspace events with intensity cells, a Less to More legend, and peak and quiet window callouts.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-heatmap.json Pending requests with context and age, approve or deny, expiry told to the asker.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-approvals-queue.json Compliance export form with date range, event count, format selector, and an append-only log disclosure note.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-export-card.json The compliance log grouped by day, mono actions, second precision, source IPs.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-trail-timeline.json In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improvement, and Performance.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-changelog-feed.json Comment mentions inbox showing each document and section, the quoted comment with your name highlighted, and a jump to reply action.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-mentions-list.json A thread with one nested reply, a resolved marker with reopen, and the composer.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-thread-panel.json Engineering deploy timeline showing who shipped what service to which environment with status, commit SHA, and one rollback event.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-deploy-activity-feed.json Document version history with a selectable edit list on the left and an inline before and after diff panel on the right using theme token opacity.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-edit-history-diff.json Activity log in a filtered state with type chips, an applied person filter, a clear all action, and the matching events with counts.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-filtered-activity-log.json Watchlist of projects gone quiet showing owner avatar, last event summary, a days idle count, and a nudge action per row.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-inactivity-watch-card.json Realtime presence strip with stacked avatars, status dots for editing and viewing states, and a plus-overflow count.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-live-presence-bar.json Single member drill down with an avatar header, three weekly stat columns, and a recent actions list with typed icons and timestamps.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-member-activity-panel.json Mentions inbox showing author, document context, highlighted snippet, timestamp, and a reply affordance per item.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-mention-feed.json Announcements widget showing three pinned workspace updates with author, tag badge, body text, and an unpin action.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-pinned-updates-card.json Social activity feed showing who reacted to or commented on your work, with emoji badges and inline comment quotes.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-reaction-activity-feed.json Vertical timeline of status transitions for one entity with actor names, timestamps, and time-in-state durations.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-status-change-log.json Workspace events on a timeline rail with avatars and one expanded comment.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-activity-feed.json Weekly team activity summary with commit, comment, and task stats, inline sparklines, and a most-active member row.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-pulse-card.json Named saves with autosaves collapsed, restore always creates, never rewinds.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-version-history-list.json Workspace activity table with actor avatars, plain-English action verbs, target resources, and result badges.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-who-did-what-table.json Compliance audit log with actor, action type, and date range filters, monospace action chips, IP column, and CSV export.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-audit-search-panel.json Automated rule cards in a two column grid with enabled switches, monospace When and Then chips, and match, precision, and overturned stats.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-automation-rules-panel.json Ban appeal review with the original enforcement reason, appellant statement, prior enforcement history, and uphold or reverse actions each requiring a written …
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ban-appeal-panel.json Moderation flags overview table with content snippets, flag reasons, sortable flag counts, status badges, and per-row review actions.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-content-flags-table.json Vertical escalation stepper with numbered tiers on a rail showing response SLAs, on call avatars, routed category badges, and auto escalation rules.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-escalation-path-panel.json Feature flag rows with environment badges, rollout percentage bars, kill-switch toggles, and a callout that kill switches take effect within 10 seconds globall…
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-feature-toggle-admin.json Split blocklist manager pairing an add rule form with scope and duration choices beside ruled entries showing CIDR chips, hit counts, and expiry.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ip-blocklist-manager.json Reported items as prioritized cards with content snippet, reason, reporter count, age, and Approve, Remove, and Escalate actions per item.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderation-queue.json Moderator table with focus queues, decision counts, seven day sparklines, median handle time, agreement meters, and overturned counts.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderator-performance-board.json Four stat tiles above a ruled queue list with open counts, oldest item age, SLA status badges, load bars, and assigned moderator avatars.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-queue-health-panel.json Single report case with reported content, reporter identity, author flag history, and a decision panel that names the consequence of every action.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-report-review-card.json A permissions matrix with category grouped rows and four role columns showing member counts and check or minus access marks per cell.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-role-permissions-matrix.json Admin member roster with status badges, signup date, last seen, flag counts, and per-row impersonate and suspend actions logged to the audit trail.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-user-admin-table.json Approval gate for a proposed assistant bulk change showing sample before and after field values with approve and reject buttons.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-action-approval-card.json Vertical timeline of agent tool steps with status icons, tool badges, mono query detail lines, durations, and a raw log link.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-agent-run-trace.json AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage policy stated in the same view.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-ai-usage-card.json Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-chat-panel.json Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the assistant can see and cannot do yet.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-empty-state.json Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-citations-panel.json Data access panel listing assistant readable sources with icon, item count, last sync time, and a switch, plus one excluded source.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-context-sources-panel.json Chat history sidebar listing past assistant threads grouped by recency with title, snippet, timestamp, and a delete affordance.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-conversation-history-list.json AI response feedback row with thumbs up and down, a copy and regenerate action, and a reason picker revealed on negative feedback.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-feedback-thumbs-row.json Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dismiss keyboard hints and an authorship notice.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-inline-suggestion-card.json Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff, and the balanced model pre-selected.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-model-picker-card.json AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-composer.json Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-library-grid.json