@shadcn-ui-blocks

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.

Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.

Accessibility settings panel with a text size selector, live sample line, and grouped vision, motion, and screen reader switches with helper text.

A review list of flagged images, each row pairing a thumbnail, page location, current alt state, and a suggested description to approve or edit.

Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.

A VPAT style summary with product metadata, one section per WCAG principle showing a segmented support bar and criteria counts, plus notable criterion rows.

Theme token contrast audit card showing computed ratios and AA and AAA pass badges for normal and large text across four Acme token pairings.

Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list showing selectors, roles, and flagged order issues.

Indented document heading tree with landmark chips, level tags, and issue badges for skipped levels, empty headings, and a duplicate H1.

Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rendered with Kbd components, action descriptions, and context labels.

ARIA live region event log with timestamps, politeness badges, source selectors, and flags for duplicate, chatty, and empty announcements.

Media library audit pairing coverage tiles and progress bars with a per asset table of caption, transcript, and audio description chips.

An animation inventory with per effect trigger, a duration bar on a shared scale, and a badge for whether each honors the reduced motion setting.

Accessible name audit table listing Acme workspace UI elements with their computed label, ARIA role, labeled or missing status, and an exact fix hint.

Interactive control audit showing hit areas at true scale in 44px frames with measured sizes, AA and AAA badges, and fix hints.

A WCAG reflow report led by two wireframe legends, then a per page table of pass and fail results at 200 and 400 percent zoom.

Month grid calendar with per-day activity dots scaled by event count and a selected-day event list beside it.

Weekday by hour heatmap of workspace events with intensity cells, a Less to More legend, and peak and quiet window callouts.

Pending requests with context and age, approve or deny, expiry told to the asker.

Compliance export form with date range, event count, format selector, and an append-only log disclosure note.

The compliance log grouped by day, mono actions, second precision, source IPs.

A card listing scheduled automation runs with a status icon, workflow name and trigger, duration, finish time, an expanded error row, and a next run footer.

A digest card grouping activity accrued while away by project, each with a total badge, typed summary lines, an avatar cluster, and a review action.

In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improvement, and Performance.

Comment mentions inbox showing each document and section, the quoted comment with your name highlighted, and a jump to reply action.

A thread with one nested reply, a resolved marker with reopen, and the composer.

Engineering deploy timeline showing who shipped what service to which environment with status, commit SHA, and one rollback event.

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.

Activity log in a filtered state with type chips, an applied person filter, a clear all action, and the matching events with counts.

Watchlist of projects gone quiet showing owner avatar, last event summary, a days idle count, and a nudge action per row.

Realtime presence strip with stacked avatars, status dots for editing and viewing states, and a plus-overflow count.

Single member drill down with an avatar header, three weekly stat columns, and a recent actions list with typed icons and timestamps.

Mentions inbox showing author, document context, highlighted snippet, timestamp, and a reply affordance per item.

Announcements widget showing three pinned workspace updates with author, tag badge, body text, and an unpin action.

A card ranking projects by weekly activity volume, each row showing the top member, a proportional bar, the event count, and a trend delta.

Social activity feed showing who reacted to or commented on your work, with emoji badges and inline comment quotes.

A card listing recent account sessions, each with a device icon tile, browser and OS, location with IP, timestamp, current session badge, and revoke actions.

Vertical timeline of status transitions for one entity with actor names, timestamps, and time-in-state durations.

Workspace events on a timeline rail with avatars and one expanded comment.

Weekly team activity summary with commit, comment, and task stats, inline sparklines, and a most-active member row.

Named saves with autosaves collapsed, restore always creates, never rewinds.

Workspace activity table with actor avatars, plain-English action verbs, target resources, and result badges.

Compliance audit log with actor, action type, and date range filters, monospace action chips, IP column, and CSV export.

Automated rule cards in a two column grid with enabled switches, monospace When and Then chips, and match, precision, and overturned stats.

Ban appeal review with the original enforcement reason, appellant statement, prior enforcement history, and uphold or reverse actions each requiring a written …

A checkbox review table with per row selection, a bulk action bar showing the selection count with approve, escalate, and remove actions, and an audit note.

Moderation flags overview table with content snippets, flag reasons, sortable flag counts, status badges, and per-row review actions.

Vertical escalation stepper with numbered tiers on a rail showing response SLAs, on call avatars, routed category badges, and auto escalation rules.

Feature flag rows with environment badges, rollout percentage bars, kill-switch toggles, and a callout that kill switches take effect within 10 seconds globall…

Split blocklist manager pairing an add rule form with scope and duration choices beside ruled entries showing CIDR chips, hit counts, and expiry.

Filtered terms grouped into three ruled sections by enforcement action, each term a monospace chip with its 7 day match count and an edit control.

Reported items as prioritized cards with content snippet, reason, reporter count, age, and Approve, Remove, and Escalate actions per item.

Moderator table with focus queues, decision counts, seven day sparklines, median handle time, agreement meters, and overturned counts.

Four stat tiles above a ruled queue list with open counts, oldest item age, SLA status badges, load bars, and assigned moderator avatars.

Single report case with reported content, reporter identity, author flag history, and a decision panel that names the consequence of every action.

A permissions matrix with category grouped rows and four role columns showing member counts and check or minus access marks per cell.

Admin member roster with status badges, signup date, last seen, flag counts, and per-row impersonate and suspend actions logged to the audit trail.

An identity rail of account facts and linked accounts beside a composite risk score, a segmented meter, weighted signals, and enforcement actions.

Eight weeks of report volume as stacked bars segmented by policy category, beside a category breakdown with totals, four week deltas, and share bars.

Approval gate for a proposed assistant bulk change showing sample before and after field values with approve and reject buttons.

Vertical timeline of agent tool steps with status icons, tool badges, mono query detail lines, durations, and a raw log link.

AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage policy stated in the same view.

Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.

Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the assistant can see and cannot do yet.

Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.

Data access panel listing assistant readable sources with icon, item count, last sync time, and a switch, plus one excluded source.

Chat history sidebar listing past assistant threads grouped by recency with title, snippet, timestamp, and a delete affordance.

AI response feedback row with thumbs up and down, a copy and regenerate action, and a reason picker revealed on negative feedback.

Ruled rows pairing each safety rule with an icon, explanation, and switch, above a blocked topics list and an audit logging note.

Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dismiss keyboard hints and an authorship notice.

A header switch and ruled list of remembered facts, each with its source, date, and a forget button, above a permanent deletion note.

Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff, and the balanced model pre-selected.

AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.

Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.

A shared prompt panel above two side by side response cards, each with a model badge, answer body, latency and token stats, and a prefer button.

Ruled rows of recurring assistant tasks, each with cadence, delivery target, last run badge, next run time, and a pause switch, plus inline errors.

AI generated thread summary with an overview paragraph, checked decision list, owner assigned action items, and regenerate and copy controls.

A full-page docs shell with a slim topbar, a column of anchored section cards, and a sticky On this page rail tracking the active section.

IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs, and a pinned status bar.

Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and action buttons above two content panels.

A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view toggle, and a responsive card grid of projects.

A slim top bar and a max-w-3xl reading column on a muted background for docs, articles, or single settings detail pages.

An onboarding home shell with a topbar, welcome header, a setup checklist card with progress and one expanded step, plus a resources rail.

Icon-only nav rail with an expand affordance, badge count on Projects, and an inline tooltip hint on one item.

Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recent commands list below.

The assembled overview, greeting header, KPI strip, recent list, one open chart slot.

Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, and the active document content below.

App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two-level navigation.

A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.

App shell with a pinned staging environment banner, a switch action, a topbar, and a deployments page with an environment facts panel.

Minimal top bar with back link, document title, save state badge, and a centered max-w content column with no sidebar.

Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors that need every pixel of viewport space.

The icon only rail with aria labels, maximum width left for dense tool content.

Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading pane with triage actions and a reply footer.

Sidebar with Projects expanded to three indented children, one active.

Three-column shell with an icon nav rail, main content area, and a right context rail showing a live activity list.

Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.

The navigation rail with active state, command hint, and labeled drop zones for your pages.

Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authoring and live-preview workflows.

App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.

A full-page shell with a sidebar, a named resource header, and a horizontal tab row delivering sub-view content below.

Horizontal nav with the Acme lockup, five links, a command hint, and the page below.

Master-detail layout with a six-row project list pane and a wide detail pane showing the selected item header.

Multi-step flow shell with a slim header step indicator, centered content column, and sticky back and continue footer.

The invite named, inviter, role, what it grants, and the days left to accept.

An account collision gate showing a Google sign in beside an existing password account, a link action, and a password sign in fallback.

Account recovery card with an email lookup form and three recovery options listed by speed, plus a plain explanation of why identity review takes up to 3 days.

A workspace join waiting state with a step timeline, the named admins who decide, the typical response time, and a withdraw request action.

Recovery code save step with an eight code grid, download and copy actions, a saved confirmation checkbox, and a one time use warning.

Account deactivation state page naming who deactivated the account and when, listing what reactivation restores, and linking directly to the named admin for re…

New device verification gate showing device, location, time, and account with approve and deny actions and an honest account-lock security note.

Email change confirmation page showing the new and old address with timestamp and device, a lock account alarm for unauthorized changes, and a dual address not…

Password reset form that openly explains its anti enumeration response and states reset link timing facts.

Workspace entry page for invited and domain-matched users with a member preview, join or request buttons, and a note that joining is visible to admins immediat…

Account lockout page stating the 15-minute duration, a password reset shortcut, and the reassurance that lockouts are never permanent.

Passwordless sign in showing both the request and sent states with expiry and resend throttle facts.

A required two factor enrollment gate with three method rows ranked by strength, the authenticator app preselected, a grace period deadline, and a skip link.

OAuth connecting state card with a Spinner, three step rows showing progress for a GitHub org link, and fallback links if the page hangs.

Third party app authorization card listing granted scopes and explicit exclusions, the acting account, and authorize or cancel actions with a revoke note.

Centered auth card prompting passkey enrollment with three benefit rows, a device save target panel, and a skip fallback that keeps the existing password activ…

A forced password rotation gate with current and new password fields, a policy panel explaining the deadline, and a reset by email fallback.

New password form reached from a reset link with a requirements checklist, a session sign out panel, and the note that nothing changes until save.

Calm session timeout screen that promises local draft restore and prefills the email for one click return.

SSO first sign in with the password fallback and honest reset link timing.

Workspace signup with SSO buttons first, slug preview, and plain 14 day read only trial terms.

SSO failure page with the specific error reason, a named admin contact, numbered steps to resolve, and retry plus password fallback actions.

SSO-enforced sign in card with org domain shown, a single Continue with SSO button, and a named admin fallback for lockouts.

TOTP verification with six OTP slots, device trust checkbox, backup code link, and human recovery promise.

Check-your-inbox state showing the sent address, a throttled resend button, a change-email link, and the 24-hour expiry note.

Returning user login showing the known account avatar and email with a single password field, passkey option, and a use a different account escape hatch.

Post sign in workspace chooser listing memberships with marks, member counts, and role badges, plus a create workspace action and sign out link.

An add-ons panel with active add-on rows and toggles, available add-ons to enable, and a subtotal for the next invoice.

Who gets invoices, the add contact field, and the PO number printed on every one.

Monthly and annual cycle options side by side with per seat pricing, the yearly saving, and ruled rows stating when the switch takes effect.

Cancel subscription dialog showing what you keep until the period ends, what changes after, a downgrade suggestion, and an optional reason select.

A cost by team panel with ruled rows of member count, a proportional meter, share percentage, and amount, reconciling to the invoice total.

Active promotion with mono code, discount terms, per invoice saving, the next discounted total, and a labeled field to apply another code.

Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the application policy.

Team plan header with renewal date and three usage meters each stating the overage policy beneath the bar.

Payment-failed notice with the card charged, retry schedule, exact access-pause date, and an update payment method action.

Single printable invoice with mono number, from/to addresses, tabular line items, subtotal/tax/total, a Paid badge, and download/print actions.

Compact invoice archive with the estimated next invoice previewed at the top.

Three pause lengths with exact resume dates, a checklist of what happens while paused, and a pause action beside the cancel alternative.

Transactions ledger with date, description, card brand chip with last four digits, tabular amount, status badge, and a per row receipt link.

The saved card, billing email, the optional backup slot, and the token footer.

Dated log of upgrades, seat additions, promotions, and cycle switches, each with a type badge and the teammate who made the change.

Three-plan feature matrix with Check and Minus cells, per-plan prices, current plan marker, and a quiet most-popular note.

Upgrade proration preview with credit and charge line items, due-today total, and next renewal amount.

Single payment receipt with amount, date, card, transaction ID, a download PDF action, and a link to the formal tax invoice.

Refund in progress with amount, dates, returning card, and a four stage pipeline showing current processing state.

Idle seats listed with last active and the keep or free choice priced per month.

A spend trend panel with three stat columns above a six month stacked bar chart splitting invoices into plan, seats, and usage.

Monthly cap widget showing current spend on a Progress bar with alert threshold markers and an explicit policy for what pauses at the limit.

VAT and Tax ID panel with VIES validation note, billing address fields, reverse charge callout, and invoice appearance.

A trial card with a day meter, a ruled list of what the team set up, an end date outcome, and an add payment action.

The seat limit upsell with the delta priced for your seats and the honest alternative.

Alert rules as a ruled list with metric thresholds, recipient emails, and toggles, plus an add alert action and a hard cap caveat.

The period charges line by line with a dated projection and its method stated.

Single-day slot picker with taken slots disabled, the selected slot highlighted, timezone line, and a buffer note.

Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.

Connected calendars panel with per account sync freshness, slot blocking modes, an inline reconnect row for expired auth, and a privacy note.

Full read view of a calendar event with a header, agenda and attachments column, a guest list with RSVP state, and viewer response buttons.

Day schedule list with an all-day item pinned at top, ruled timed event rows, and an explicit free-time gap row.

Incoming invitation card showing the organizer, event details, and a conflict warning, closing with accept, maybe, decline, and propose new time actions.

Group scheduling poll with three proposed times, voter avatar stacks, vote share bars, a highlighted leading option, and finalize actions.

Compact sidebar month picker with today highlighted, event dots on three dates, and prev and next navigation.

Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted out-of-month days.

Recurrence rule builder with interval input, weekday toggle chips, end condition selector, and a plain-English rule summary.

Reschedule request panel placing the current and proposed slots side by side with the requester reason, an availability line, and accept or counter actions.

Room picker where each meeting room is a day track with existing bookings drawn as blocks and the requested slot outlined across every row.

Booking link share card with a copy chip, three meeting types with buffers, availability hours, and a double-booking note.

Week by hour heat grid of team overlap with day columns, a ring highlighted best slot, density legend, and a propose time callout.

Proposed meeting time shown side by side across four attendee timezones with local time, offset, and working hours status for each.

Week view with a vertical time column, five day columns, CSS-positioned event blocks, and a current-time line.

Weekly availability settings with per day switches, bookable time range chips, a timezone note, weekly total badge, and save actions.

An area chart showing actuals with a muted 80% confidence band and a dashed projection tail for future months.

ScatterChart plotting accounts by usage score, monthly revenue, and seat count encoded as bubble size.

A card panel of five quarterly KPIs as bullet rows, each with qualitative range bands, a quarter to date measure bar, a target tick, and a shared axis.

A CSS grid heatmap of weekly cohort retention shaded by foreground opacity tokens with no chart library.

The funnel as horizontal bars with each rate against the prior stage, labeled.

Likert survey responses as diverging stacked bars around a center axis with a four segment legend and agree share per question.

Dumbbell rows comparing p95 latency per endpoint before and after a release, with connector bars, paired dots, and an axis row.

A radial gauge showing a single SLA percentage with the value centred and the target threshold named in the footnote.

Feature usage grouped bar chart comparing this billing period against the previous across six categories with a shared legend.

CSS grid calendar heatmap shading daily activity by foreground opacity across a six month window.

A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.

Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.

API request latency as p50, p95, and p99 lines over 24 hourly points with ms axis formatting.

MRR movement as stacked bars with new and expansion above zero and contraction and churn below, last 6 months.

Three-series line chart tracking monthly active seats across Starter, Growth, and Enterprise plans with a legend and a footnote naming the September crossover.

A Pareto chart pairing error category bars sorted by volume with a cumulative share line on a second percentage axis.

A card panel charting monthly signups by acquisition channel as bars normalized to 100 percent, so the chart reads as share of mix over volume.

Donut chart of active workspaces by plan tier with a center total label and a four plan legend.

RadarChart comparing two plans across five feature dimensions with filled polygons and a shared legend.

Concentric radial rings showing percent of quota used per storage resource beside a breakdown list with exact allocations.

Stacked area chart showing new business and expansion MRR added each month across an 8 month window.

Accounts scatter chart plotting monthly API usage against revenue with reference-line quadrants to surface expansion targets.

Weekly new account signups as a single series bar chart over 10 weeks with a labeled launch spike.

A card panel joining average active seats per plan across two quarters with slope lines between paired axes, the biggest mover drawn in full ink.

Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.

A stacked bar chart of support tickets by category over six weeks with a footnote naming the fastest growing series.

Active seats area chart using stepAfter type so each provisioning event reads as an instantaneous jump, not gradual growth.

API requests per day as two lines separating production and sandbox volume across a 14 day window.

MRR movement chart with floating bars for new business, expansion, and churn across a billing period.

Distinct active users per ISO week as a filled area over 12 weeks with a dashed quarter target reference line.

Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute and speaking states, and a call control bar.

A browse and join panel with a create action, labeled search field, sort chips, and rows showing each channel name, description, members, and a join state.

Workspace nav rail with channel and DM sections, unread badges, a muted channel indicator, and per section add affordances.

Channel settings panel with name and topic fields, public/private radio with consequence notes, a members list, notification level selector, and an archive act…

Inbox rail with six conversation rows showing avatar, preview, timestamp, and unread count badges on two threads.

Complete 1:1 panel combining a presence header, a grouped message thread with read receipt, and a full composer bar.

Static open-state emoji picker inline above a message with a recents row, category grid, search input, and existing reaction chips.

A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.

An activity panel with a mark all read header, mentions and reactions filter chips, and rows pairing actor, event, source channel, quoted snippet, and time.

Chat send bar with attach, emoji, and slash affordances, a typing indicator row, and a Send button with an Enter keyboard hint.

Chat thread with grouped sender bubbles, a Today day divider, a reaction chip, and a read receipt on the last outgoing message.

Channel pinned messages list showing author, snippet, pinned time and pinner, a jump-to link, and an unpin button per entry.

Inline thread poll with vote share bars per option, a check on your vote, voter avatar cluster, total count, and close time.

Queued outgoing messages list with destination, draft snippet, exact send time, and per row send now, edit, and delete actions.

Chat search results grouped by channel and DM with author, inline highlighted match term, timestamp, and a jump-to-message affordance.

Conversation files tab with type filter chips and rows showing a file icon, name, size, uploader, share date, and a download action.

Side panel showing a parent channel message, a reply count divider, four threaded replies, and a scoped reply composer.

An audio thread of chat bubbles, each with a play control, waveform, and duration, plus an active note with elapsed time and a transcript preview.

A document page mockup where marks from each reviewer form a colored layer, beside a rail of reviewers with color keys, counts, and visibility toggles.

Static open-state blueprint of a text-selection toolbar with comment, highlight, suggest-edit, and link affordances plus a five-color swatch row.

Design canvas mockup with four numbered comment pins and a side rail listing each pin thread with author, note, and resolve actions.

Code diff panel with line numbers, added and removed rows, and a line anchored review thread with replies, composer, and resolve action.

Review feedback promoted into action items, with filter chips above rows pairing each source quote with an assignee, due date, and status badge.

Standalone comment composer with a formatting toolbar, file attach, at mention hint, and a Cmd Enter keyboard shortcut hint.

Cross document notification feed with mention, reply, and resolve items, unread dots, type filter chips, and a mark all read action.

Document comment sidebar with four threads anchored to quoted text, reply counts, resolve affordances, and one collapsed resolved thread.

Highlighted text excerpt with an attached margin thread showing two comments, a reply composer, emoji reactions, and resolve and delete controls.

Static open state of an at mention picker showing six workspace members with one row highlighted and keyboard navigation hints.

Comment threads on a versioned document, split into ones matched to the new version and ones whose anchors broke, with stale quotes and reattach actions.

Draft comments held for one review, each with a section anchor, quote, and edit controls, above a summary field, verdict choices, and a submit button.

Emoji reaction chips with counts showing active and inactive states, an add reaction affordance, and a static hover panel listing who reacted.

Audit list of closed comment threads with quoted references, resolution attribution, reply counts, a reopen affordance, and an all vs resolved filter.

A budget sheet with corner markers on flagged cells beside a rail showing the selected cell thread and a list of other commented cells.

Pending edit review rows showing the struck original beside the proposed replacement with author attribution and accept and reject actions per suggestion.

Video review timeline with avatar markers at comment timestamps and a list of time anchored notes with reply and mark done controls.

Append only security log with mono timestamps, actor avatars, code chip action keys, targets, and source IPs.

A customers table beside a checkbox rail that shows and hides columns live, with a locked identity column and a running column count.

Plan comparison table with features as rows, plans as columns, differing cells highlighted, and a per-column upgrade CTA.

CSV import preview with column to field mapping Selects, an unmapped column flag, and a row issue count.

The compact variant fitting eight webhook rows where a standard table fits five.

A deployments table with a segmented comfortable and compact toggle in the header that swaps every row's vertical padding live, above a density note.

A config change review table striking old values beside proposed ones, with change badges, a left rule accent, and approve and reject actions.

Quarterly budget grid with one cell in active edit mode, tab navigation hint, and per-row save and cancel actions.

Projects table filtered to zero rows keeping active filter chips and the header visible above a centered empty state with recovery actions.

Flags with mono keys, environment badges, rollout percentages, a Switch per row.