Shadcn Integration Blocks

Browse 27 Application Pro integration blocks for shadcn/ui. Galleries, detail panels, webhooks, and connected accounts.

Application Integration: Connected Services Status
Application Integration: Connected Services Status
Provider status board where each connected service shows live status, response time, and last incident, plus an impact note on the degraded provider.
Application Integration: Sync Conflict Resolver
Application Integration: Sync Conflict Resolver
Conflict queue where two systems changed one field, shown as side by side value panels with per side keep actions and a default rule note.
Application Integration: API Version Panel
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: API Keys Panel
Application Integration: API Keys Panel
A one time reveal banner for a freshly created key, then rows of active keys with environment, masked prefix, scopes, and revoke actions.
Application Integration: Integration Marketplace
Application Integration: Integration Marketplace
Browseable integration directory with category chips, a search field, and six cards showing brand name, one-line description, Install or Installed state, and a verified trust line.
Application Integration: Oauth Scopes Review
Application Integration: Oauth Scopes Review
OAuth permissions audit panel listing each app scope with a plain-English description, risk level, and a per-scope revoke affordance.
Application Integration: Webhook Settings Panel
Application Integration: Webhook Settings Panel
Endpoints with delivery status, the failing one shown as ops, not shame.
Application Integration: Api Explorer Panel
Application Integration: Api Explorer Panel
In-app REST console with an endpoint row, editable query parameter rows, a Send button, and a response area showing a JSON snippet with a status badge and timing.
Application Integration: Github Repo Picker
Application Integration: Github Repo Picker
GitHub repo selection panel with a searchable repository list, per-repo checkboxes, private badges, a minimal-scope note, and a save action.
Application Integration: Integration Request Board
Application Integration: Integration Request Board
Request board for missing integrations with a submission form, then top requested tools ranked by votes with upvote buttons and roadmap status badges.
Application Integration: IP Allowlist Panel
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 Integration: Field Mapping Panel
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 Integration: Integration Logs Table
Application Integration: Integration Logs Table
Integration event log with timestamp, direction, event name, HTTP status badge, duration, and an expanded error detail row for failed events.
Application Integration: Integrations Gallery
Application Integration: Integrations Gallery
Six integration tiles with category chips, Connected badges on active connections, and a support footer.
Application Integration: Rate Limit Card
Application Integration: Rate Limit Card
API rate limit card showing current rpm usage against the plan cap with a progress bar, rolling window details, and the queue-not-drop policy.
Application Integration: Sync Status Panel
Application Integration: Sync Status Panel
Integration sync health panel with per object type record counts, last success times, one error row with the exact message and retry countdown.
Application Integration: Integration Detail Panel
Application Integration: Integration Detail Panel
GitHub integration page with connected account, permissions list, configure rows, and disconnect consequence.
Application Integration: Connected Accounts List
Application Integration: Connected Accounts List
OAuth accounts with scopes and the guard rail on the only sign in method.
Application Integration: Sync Dry Run Preview
Application Integration: Sync Dry Run Preview
Pre sync dry run report with create, update, skip, and conflict summary tiles, a sample of exact field changes, and a gated enable action.
Application Integration: SDK Quickstart Panel
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: Integration Setup Wizard
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 Integration: Integration Health Card
Application Integration: Integration Health Card
Per-integration health panel showing connected status, last sync time, sync frequency, error count, and a five-run sync history.
Application Integration: Oauth Consent Blueprint
Application Integration: Oauth Consent Blueprint
OAuth grant screen listing exact permissions granted and a cannot list, connecting as a named account, with Authorize and Cancel actions.
Application Integration: Slack Connect Panel
Application Integration: Slack Connect Panel
Slack integration config panel showing the connected workspace, a channel selector, per-event notification toggles, a test-message affordance, and a disconnect section.
Application Integration: Webhook Test Console
Application Integration: Webhook Test Console
Webhook debugging surface with an event-type selector, a JSON sample payload, a send-test action, and a recent-deliveries strip with inline failure responses.
Application Integration: Api Usage Card
Application Integration: Api Usage Card
Usage against allowance, top endpoints, and the observed rate limit peak.
Application Integration: Incoming Webhook Setup
Application Integration: Incoming Webhook Setup
Incoming webhook setup panel with a generated endpoint URL, masked signing secret, accepted event types, and a JSON payload sample.

Search Shadcn UI Blocks

Search blocks by description or jump to a page.