Shadcn Application Blocks
Build product UI with 683 Application blocks for shadcn/ui. Dashboards, data tables, settings, auth, billing, and onboarding, ready to wire to your data.
Application Status and Health: Error Budget Burndown
An SLO panel with a header badge, a four stat budget and burn rate row, and a line chart tracking remaining budget against ideal burn.
Application Stat Card: Waterfall Stat Card
An MRR movement card with a headline total, offset horizontal bars for each gain and loss, a color legend, and an axis note.
Application Tasks and Todo: Blocked Tasks Panel
A blocked tasks panel where each row shows a waiting task with priority and due date, then an indented blocker line and a ready action.
Application Stat Card: Percentile Stat Card
A latency card with the p95 headline, a distribution track marking each percentile, and a ruled row per percentile with a magnitude bar and value.
Application Setting: Guest Access Settings
A guest access panel with an allow guests switch, a permitted email domain list, default permission options, and an active guest count row.
Application Teams and Org: Guest Access Panel
A guest access panel listing external collaborators with avatar and email, the projects they can reach, an expiry date, and convert or remove actions.
Application Report: Cohort Retention Grid
A retention heatmap with weekly signup cohorts as rows, weeks since signup as columns, shaded cells, a shade legend, and a methodology note.
Application Report: Report Run History
A run history log with a summary strip above a table of runs showing status badges, start times, durations, row counts, and trigger sources.
Application Onboarding: Workspace Profile Step
A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.
Application Onboarding: Team Onboarding Tracker
An admin tracker with invited, finished, and stalled counts above per person rows showing avatar, setup progress, next step, and a nudge action.
Application Profile and Account: Change Password Card
A three field password form beside a live requirements checklist, a segmented strength meter, the last changed date, and a passkey suggestion.
Application Pricing and Plan: Plan Limits Overview
Current plan usage meters for members, workspaces, events, and storage against Team limits, a near limit flag, and an upgrade prompt.
Application Profile and Account: Login History Table
A sign-in audit table with timestamp, method, device, location, IP, and a result badge, plus a failed-attempt callout and a CSV export action.
Application Pricing and Plan: Upgrade Proration Summary
An upgrade confirmation showing the plan change, prorated line items with credit, the amount due today, next renewal, and confirm actions.
Application Navigation: Record Pager Header
A record detail header with a back link, a prev and next position counter with keyboard hints, and a title row with a status badge and actions.
Application Media and Gallery: Storage Usage Panel
A storage quota panel with a used versus quota headline, a segmented usage bar by type, per type breakdown rows, and a trash reclaim row.
Application Navigation: Sidebar Nav Tree
An expanded workspace sidebar with flat items, a Projects group opened to indented children along a guide line, and two collapsed groups with counts.
Application Filters and Search: Multi Sort Builder
Ordered sort rules with a field chip, a direction toggle, and remove controls, an add sort button, and a demo issue list that reorders live.
Application Maps and Location: Timezone Overlap
A teammate list showing avatar, city, and local time beside a 24 hour UTC strip of working hour cells, with a legend and best window footer.
Application Maps and Location: Location Sharing Settings
A master sharing switch, a precision choice between precise and approximate, a list of people who can see you, and a history retention row.
Application Help and Support: Product Glossary
A glossary filter field, an A to Z index strip, and letter sections listing terms with definitions, area tags, and cross links.
Application Inbox and Email: Search Results
A mail search pane with a token filled search bar, folder scope chips, ruled result rows highlighting the matched term, and a result count footer.
Application Localization: Locale Fallback Chain
A locale fallback chain with an ordered resolution list, coverage bars, and role badges, plus a trace showing a key served by the next locale.
Application Localization: RTL Preview Panel
A right to left preview mocking a settings screen in English beside Arabic, plus a bidi checklist marking each check pass or issue.
Application Empty State: Empty Chart State
Analytics panel keeping the full chart frame and axis ticks, with a zero range message offering wider ranges and their real event counts.
Application Empty State: Trial Expired State
Trial expired gate stating the end date, side by side lists of what stays read only versus what is paused, the plan price, and export.
Application Localization: Glossary Manager
A master detail glossary pairing a term list with the selected term's definition, usage rules, banned variants, and approved translations per locale.
Application Dialog: Sign Out Sessions Dialog
A sign out sessions dialog with the current device pinned, a checkbox list of other active sessions, an unfamiliar flag, and a sign out action.
Application Dialog: Remove Member Dialog
A remove member dialog with the member card, a counted list of what they still own, a reassign select, and a confirm and reassign action.
Application Kanban and Board: WIP Limit Board
A kanban board with per column work in progress limits, count against limit chips, an over limit column flagged, and story point totals per stage.
Application Teams and Org: Member Offboarding Panel
A member offboarding card with the departing member, a transfer ownership selector, a checklist of owned items to reassign, and a deactivate action.
Application Teams and Org: Membership Activity Log
A day grouped membership timeline of joins, role changes, invites, and removals, each with an event icon, actor avatar, detail line, and timestamp.
Application Report: Report Annotations Panel
An annotated trend chart with numbered markers pinned to dates beside a side rail listing each annotation with author, date, note, and an add control.
Application Tasks and Todo: Assignee Workload
A team workload panel with one row per teammate showing avatar, open task count, a capacity bar, scheduled hours, and a load badge.
Application Status and Health: Synthetic Checks Panel
A panel listing probe rows, each with a status dot, check name and target, type badge, region, interval, median latency, and a run result strip.
Application Tasks and Todo: Completed Log
A completed tasks log grouped by day, each row with a check icon, title, project badge, completer avatar, and time, beside a weekly bar strip.
Application Setting: SCIM Provisioning Settings
A SCIM provisioning panel with sync stats, the base URL and masked bearer token, an attribute mapping grid, and deprovisioning options.
Application Notification: Escalation Policy Card
An escalation policy panel with a named header, a numbered timeline of timed steps naming recipients and channels, and footer behavior notes.
Application Notification: Push Preview Settings
Push appearance settings beside a live lock screen mockup, three preview visibility options, sound and grouping switches, and a test push action.
Application Navigation: Page Outline Rail
A sticky on this page outline rail listing document anchors along a guide line with the active section marked, beside doc content with a code sample.
Application Notification: Quiet Hours Schedule
A do not disturb panel with a master quiet hours switch, seven per day toggle rows, and a card of alerts that always break through.
Application Media and Gallery: Video Trim Blueprint
A static video trim tool with a preview frame and timecode, a transport row, a filmstrip timeline with trim handles and playhead, and readout chips.
Application Profile and Account: Danger Zone Card
Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a sole owner guard, and an export reminder above.
Application Profile and Account: Email Addresses Card
Ruled rows for each account email with primary and verification badges, resend and remove actions, and an inline add address form below.
Application Pricing and Plan: Plan Comparison Table
A dense feature matrix comparing Free, Team, and Business plans by category, with checks, values, a current plan badge, and per column actions.
Application Form: Threshold Slider Form
Alert threshold form with paired warning and critical sliders, live readouts, a zone bar that redraws as thumbs move, and a duration select.
Application Filters and Search: Grouped Results Blueprint
Global search panel in its open state with a query input, results grouped into Projects, People, and Documents, and a keyboard hint footer.
Application Help and Support: Submit Request Form
A support ticket form with subject, area, severity, description, and attachments beside a rail of suggested articles and response time targets.
Application Inbox and Email: Shared Inbox Triage
A shared support mailbox with queue tabs, conversation rows showing customer, subject, and status, and an assignee chip or Assign action.
Application Help and Support: Video Tutorials Library
A tutorials header with topic chips, a continue watching card with progress and an up next list, and a browse grid of video cards.
Application Form: Inline Edit Form
Profile card where each row shows its saved value with an Edit action that swaps a single row into an input with Save and Cancel.
Application Form: Password Strength Form
Change password card with current and new fields, a live requirement checklist, a four segment strength meter, a confirm field, and a footer action.
Application Integration: SDK Quickstart Panel
A quickstart panel with a language tab strip, three numbered steps for install, auth, and a first request with copyable code, and reference links.
Application Integration: IP Allowlist Panel
An allowlist panel with an enforcement badge, a current address warning, an add form, and rows of CIDR ranges with owners and last match times.
Application Kanban and Board: Card Aging Board
A kanban board where each card carries a days in column chip tiered fresh, aging, or stale, with stale cards flagged and a threshold legend.
Application Kanban and Board: Collapsed Columns Board
A kanban board where quiet stages collapse into slim vertical rails showing name and count, while active stages stay expanded with cards.
Application Dialog: Verify Domain Dialog
A verify domain dialog with two copyable DNS record rows showing type and host, a found or pending status each, and a check again action.
Application Dialog: Cancel Subscription Dialog
A cancel subscription dialog with a reason radio list, a pause offer panel, a period end access note, and a keep plan primary action.
Application Integration: Field Mapping Panel
Source CRM fields on the left mapped to destination fields on the right, with transform badges, one unmapped row flagged, and a save footer.
Application Stat Card: Forecast Stat Card
A forecast card with the month to date value, a cumulative line turning dashed past today, and a footer of close, target, and range.
Application Status and Health: Incident Update Composer
An incident update form with a header, a status phase radio group, a message field, component checkboxes, notification switches, and post actions.
Application Status and Health: Regional Status Matrix
A table matrix with services as rows and four regions as columns, each cell showing a status dot and latency, with a legend below.
Application Teams and Org: Domain Verification Card
A verified domains card showing each domain's auto join behavior and member count, with a pending domain that expands into a DNS record panel.
Application Stat Card: Bullet Chart Cards
Three stat cards, each with a label, value, delta, and a bullet chart bar showing actual against qualitative bands and a target tick.
Application Report: Report Comparison View
A period over period comparison with two period chips, a swap control, a metrics summary line, and a table of current, previous, and change values.
Application Setting: Plan and Usage Settings
A plan and usage panel with a current plan row, metered usage bars with per limit notes, a near limit badge, and a policy note.
Application Tasks and Todo: Task Quick Add
Quick add composer with a highlighted capture line, a parsed chip row for due date, project, priority, and assignee, and a keyboard hint footer.
Application Setting: IP Allowlist Settings
An IP allowlist panel with an enforcement switch, a list of CIDR ranges with owners and last match times, and an add range form.
Application Maps and Location: IP Lookup Panel
A query field and lookup action above a result card that pairs resolved detail rows with a static map blueprint and a reputation footer strip.
Application Notification: Notification Rules List
An ordered rules list where each row names a rule, shows its conditions as chips, points to delivery channels, and carries an enable switch.
Application Onboarding: Notification Defaults Step
A notification setup step with four channel toggle rows, a recommended badge, an email digest chooser, and a note that defaults apply per user.
Application Onboarding: Install CLI Step
A developer install step with per platform commands behind tabs, numbered login and test commands, and a live row waiting for the first event.
Application Media and Gallery: Asset Version History
A file version history with a header, then ruled rows per version showing a thumbnail, change note, uploader, timestamp, size, and restore action.
Application Pricing and Plan: Seat Management Panel
Purchased seats with an occupancy meter, a breakdown of active members and pending invites, a seat stepper, and a live next invoice preview.
Application Navigation: Pagination Bar
Table footer pagination in two densities: a numbered bar with a row range and rows per page control, plus a compact prev and next variant.
Application Media and Gallery: Media List View
A dense asset table with select checkboxes, a thumbnail and filename column, type badge, size, modified date, uploader avatar, and per row actions.
Application Filters and Search: Find In View Bar
In panel find bar over a log view with a query input, live match count, previous and next navigation, and case and whole word toggles.
Application Filters and Search: Include Exclude Tags
Tri state tag filter where each tag cycles from neutral to required to excluded, a summary line, and a demo alert list that responds.
Application Maps and Location: Location History
A visit timeline listing each place with arrival window, time spent, and travel between stops, beside a breadcrumb map and a totals strip.
Application Inbox and Email: Spam Quarantine
A quarantine pane listing held messages with a monogram, sender, subject, a detection reason badge, an auto delete countdown, and per row actions.
Application Form: View Only Form
Read only form state with a permission banner, every field disabled at its saved value, and a footer explaining why save is off.
Application Inbox and Email: Attachment Gallery
A mailbox files view with type filter chips, month grouped cards showing a file icon, sender, and size, plus a storage usage footer.
Application Help and Support: Help Search Results
A help center search field and facet rail beside a results list of breadcrumbs, excerpts, and meta badges, with a support fallback strip.
Application Empty State: Session Expired State
Session expired screen showing the account for one click resume, a saved draft note, meta rows naming the policy, and sign in actions.
Application Kanban and Board: Board Automation Panel
A board automation surface pairing a rules list with enable switches and run counts beside a When, If, Then rule editor and save actions.
Application Localization: Pseudo Locale Tester
A pseudo locale tester with a strategy switch and ruled rows pairing each English string with its accented render, growth percentage, and fit badge.
Application Integration: API Version Panel
A version summary card with an upgrade action above a list of date named API versions with status badges, change highlights, and sunset warnings.
Application Integration: Integration Setup Wizard
A guided setup wizard with a vertical step rail beside a pane of sync direction cards, a conflict rule note, and Back and Continue actions.
Application Kanban and Board: Drag State Board
A kanban board frozen mid drag with a dashed pickup ghost, a tilted lifted card over an insertion indicator, and a move status line.
Application Empty State: Error Page 404
Centered 404 page showing the failed path in mono, three reasons a workspace link goes stale, and search or dashboard as recovery actions.