sh4dcnv2 · atlas
← libraries

@shadcn-ui-blocks

Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.

60 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json
bun bunx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json
fetch registry curl -s https://www.shadcn-ui-blocks.com/r/registry.json

Components

60 total
A11y Checklist Panel block

WCAG 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
A11y Issue Trends block

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
A11y Preferences Panel block

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
Assistive Tech Matrix block

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
Contrast Checker Card block

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
Focus Order Inspector block

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
Heading Outline Tree block

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 Nav Guide block

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
Live Region Log block

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 Captions Audit block

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
Screen Reader Labels Table block

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
Touch Target Audit block

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
Activity Calendar block

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
Activity Heatmap block

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
Approvals Queue block

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
Audit Export Card block

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
Audit Trail Timeline block

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
Changelog Feed block

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 List block

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
Comment Thread Panel block

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
Deploy Activity Feed block

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
Edit History Diff block

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
Filtered Activity Log block

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
Inactivity Watch Card block

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
Live Presence Bar block

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
Member Activity Panel block

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
Mention Feed block

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
Pinned Updates Card block

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
Reaction Activity Feed block

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
Status Change Log block

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
Team Activity Feed block

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
Team Pulse Card block

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
Version History List block

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
Who Did What Table block

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
Audit Search Panel block

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
Automation Rules Panel block

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 Panel block

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
Content Flags Table block

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
Escalation Path Panel block

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 Toggle Admin block

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
IP Blocklist Manager block

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
Moderation Queue block

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 Performance Board block

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
Queue Health Panel block

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
Report Review Card block

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
Role Permissions Matrix block

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
User Admin Table block

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
Action Approval Card block

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
Agent Run Trace block

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 Usage Card block

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
Assistant Chat Panel block

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
Assistant Empty State block

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
Citations Panel block

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
Context Sources Panel block

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
Conversation History List block

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
Feedback Thumbs Row block

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
Inline Suggestion Card block

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 Picker Card block

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
Prompt Composer block

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
Prompt Library Grid block

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