Shadcn Integration Blocks

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

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.
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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 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: Api Usage Card
Application Integration: Api Usage Card
Usage against allowance, top endpoints, and the observed rate limit peak.
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: Webhook Settings Panel
Application Integration: Webhook Settings Panel
Endpoints with delivery status, the failing one shown as ops, not shame.
Application Integration: Integrations Gallery
Application Integration: Integrations Gallery
Six integration tiles with category chips, Connected badges on active connections, and a support footer.