# Integration blocks for shadcn/ui

> 131 integration blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/integrations
- 131 blocks, 58 free and 73 paid, from 19 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=integrations&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q integrations`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free integration blocks

All 58 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Integrations 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/integrations-02): A simple integrations block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-02.json`
- [SaaS Landing 2 by @7ovr](https://shadcn.exchange/r/7ovr/saas-landing-2): Product-tour SaaS landing page template: hero section with announcement pill, browser-framed gallery, tabbed features, how it works stepper, integrations, comparison, stats, testimonial, pricing, and FAQ. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/saas-landing-2.json`
- [Integrations 5 by @efferd](https://shadcn.exchange/r/efferd/integrations-5): Horizontal scrolling row of overlapping circular integration logos with mask. `npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-5.json`
- [Integrations 11 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-11): Sera series — bordered integration matrix with square glyph codes and status micro-labels. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-11.json`
- [Integrations 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/integrations-01): A simple integrations block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-01.json`
- [Split Logo Grid With CTA by @7ovr](https://shadcn.exchange/r/7ovr/integrations-5): Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/integrations-5.json`
- [Integrations 3 by @efferd](https://shadcn.exchange/r/efferd/integrations-3): Split layout with text content and scattered grid-based integration logos. `npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-3.json`
- [Integrations 3 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-3): Hub-and-spoke network on a grid canvas inside a product card — design-to-ship workflow copy. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-3.json`
- [Integrations 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/integrations-03): A simple integrations block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-03.json`
- [Connect Cards With Dialog by @7ovr](https://shadcn.exchange/r/7ovr/integrations-1): Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/integrations-1.json`
- [Integrations 1 by @efferd](https://shadcn.exchange/r/efferd/integrations-1): Grid layout with integration cards and view all link. `npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-1.json`
- [Integrations 6 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-6): Five-step connect rail with brand marks — authorize through monitor with linked copy. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-6.json`
- [Integrations 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/integrations-04): A simple integrations block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-04.json`
- [Integrations 2 by @efferd](https://shadcn.exchange/r/efferd/integrations-2): Grid layout with bordered integration cards and decorative plus icons. `npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-2.json`
- [Integrations 4 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-4): Editorial split with connector stack cards — logo, title, and registry-native description per row. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-4.json`
- [Integrations 05 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/integrations-05): A simple integrations block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-05.json`
- [Integrations 4 by @efferd](https://shadcn.exchange/r/efferd/integrations-4): Split layout with heading and scattered rounded integration cards with mask. `npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-4.json`
- [Integrations 5 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-5): Asymmetric bento with flagship connector cell and capability tags — not a flat logo wall. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-5.json`
- [Connection Toggle Settings by @7ovr](https://shadcn.exchange/r/7ovr/integrations-4): Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/integrations-4.json`
- [Integrations 7 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-7): Searchable connector picker with keyboard navigation and live preview panel. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-7.json`
- [Integrations 2 by @nusaiba](https://shadcn.exchange/r/nusaiba/integrations-2): Center hub with eight brands on a slow orbital ring — gradient aura and counter-rotated tiles. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-2.json`
- [App integration 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/app-integration-01): Two-column layout with integration cards featuring tool logos, names, descriptions, and call-to-action for conversion-focused app showcases. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/app-integration-01.json`
- [Integrations Grid by @blockforge](https://shadcn.exchange/r/blockforge/integrations-grid): Connectable services with installed states and monogram marks. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/integrations-grid.json`
- [Integrations 07 by @hirael](https://shadcn.exchange/r/hirael/integrations-07): Two-column integrations section with copy and a call to action beside a 3 by 3 tile grid whose featured tile cycles on its own, pauses on hover and focus, and can be picked directly. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-07.json`
- [Integrations 03 by @hirael](https://shadcn.exchange/r/hirael/integrations-03): Two-column integrations page: a sticky intro with a request-an-integration popover form beside a ruled list of linked connectors and their status. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-03.json`
- [Integrations 06 by @hirael](https://shadcn.exchange/r/hirael/integrations-06): Centered integrations section with a row of tool tiles hung on a shallow arc over a faded grid, each lifting on hover. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-06.json`
- [Integrations 05 by @hirael](https://shadcn.exchange/r/hirael/integrations-05): Centered integrations section with three source tools on one side and three targets on the other, joined to a central hub by curved paths that carry travelling pulses. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-05.json`
- [Integrations 04 by @hirael](https://shadcn.exchange/r/hirael/integrations-04): Centered integrations section: heading and copy above a hub with 6 linked tool tiles on straight spokes, with pulses travelling in and out along each line. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-04.json`
- [Integrations 02 by @hirael](https://shadcn.exchange/r/hirael/integrations-02): Filterable connector grid: a category toggle group above a card grid, where each card connects or disconnects with a pending state and a running connected count. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-02.json`
- [Integrations 01 by @hirael](https://shadcn.exchange/r/hirael/integrations-01): Two-column integrations section with copy and a linked integration list on the left, and an orbit diagram (central hub with 6 spokes) on the right that highlights the spoke you hover. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-01.json`
- [Integrations 08 by @hirael](https://shadcn.exchange/r/hirael/integrations-08): Minimal integrations section: a short heading, a single row of tool icons and a link to the full list. `npx shadcn@latest add https://shadcn.exchange/r/hirael/integrations-08.json`
- [Integration 3 - Simple integration list by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration3): A centered vertical list of integrations showing icons, titles, and descriptions in a single-column layout. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/integration3.json`
- [Integrations grid by @balick](https://shadcn.exchange/r/balick/integrations-01): Twelve integrations in a hairline grid, next to a sticky header and a link to the full list. `npx shadcn@latest add https://shadcn.exchange/r/balick/integrations-01.json`
- [Integrations 1: directory by @ballmac](https://shadcn.exchange/r/ballmac/integrations-1): A public integrations directory: search that highlights matches, category filters with counts, cards showing what is connected, and a side sheet with what it does and a Connect button that handles waiting and failure. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/integrations-1.json`
- [Integration Hub by @tween-ui](https://shadcn.exchange/r/tween-ui/integration-hub): A hub-and-spoke integrations diagram: the center pops in, paths draw out to six logos, then a dot travels each line. Uses MotionPathPlugin. `npx shadcn@latest add https://shadcn.exchange/r/tween-ui/integration-hub.json`
- [Integrations 5 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-5) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-5.json`
- [Integrations 10 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-10) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-10.json`
- [Integrations 4 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-4) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-4.json`
- [Integrations 7 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-7) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-7.json`
- [Integrations 8 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-8) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-8.json`
- [Integrations 3 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-3) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-3.json`
- [Integrations 17 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-17) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-17.json`
- [Integrations 6 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-6) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-6.json`
- [Integrations 2 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-2) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-2.json`
- [Integrations 1 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-1) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-1.json`
- [Integrations 13 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-13) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-13.json`
- [Integrations 14 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-14) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-14.json`
- [Integrations 18 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-18) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-18.json`
- [Integrations 9 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-9) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-9.json`
- [Integrations 16 by @diarmuradi](https://shadcn.exchange/r/diarmuradi/integrations-16) `npx shadcn@latest add https://shadcn.exchange/r/diarmuradi/integrations-16.json`
- [Integration 9 - Integration card grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration9): A responsive grid of integration cards with icons in muted containers, titles, and descriptions scaling from one to four columns. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/integration9.json`
- [Connect a Source by @spectrumui](https://shadcn.exchange/r/spectrumui/integration-empty): A connector grid where tiles run a real connect sequence and settle into connected. `npx shadcn@latest add https://shadcn.exchange/r/spectrumui/integration-empty.json`
- [Card 07 - Integrations Showcase Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/integrations-showcase-card): Showcase connected third-party integrations like Figma, Claude, and cloud storage with an icon and description grid. Great for settings pages and integration marketplaces. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/integrations-showcase-card.json`
- [Integrations CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-integrations-cta): A call to action surrounded by logos of supported tools and platforms. Reassures teams about compatibility before they sign up and connect apps. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-integrations-cta.json`
- [API Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-integrations-api-preview): A code sample panel beside copy that explains your API. Drop it on a developer page to show how integrations connect in only a few short lines. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-integrations-api-preview.json`
- [Simple Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-integrations-simple-grid): A clean grid of integration logos in even rows and columns. Use it on a connections page to display the apps and services your product supports. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-integrations-simple-grid.json`
- [With Integration Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-sections-with-integration-showcase): A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your product connects to on a platform landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-sections-with-integration-showcase.json`
- [Featured Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-integrations-featured-showcase): A large card spotlighting one key integration with its logo, summary, and a link. Use it to highlight a flagship partner above the full list. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-integrations-featured-showcase.json`

## Paid integration blocks

The first 60 of 73, best first. Their registries sell these: each installs from its registry once bought.

- [Integration 05 - Apps to Automated Actions by @shadcn-space](https://shadcn.exchange/r/shadcn-space/integration-05): A wiring-diagram style integration section that maps connected apps through a central hub into automated actions, showing at a glance how tools sync data and trigger workflows.
- [Integrations 7 by @efferd](https://shadcn.exchange/r/efferd/integrations-7): Stacked circular integration cards with hover expand effect and vertical mask.
- [Integration 03 - Advanced Integrations by @shadcn-space](https://shadcn.exchange/r/shadcn-space/integration-03): Connect powerful tools into one intelligent ecosystem to automate workflows, simplify operations, and help teams work smarter with scalable integrations built for modern products.
- [Integrations 12 by @efferd](https://shadcn.exchange/r/efferd/integrations-12): Circular orbit layout with integration logos positioned around central circle.
- [Integration 02 - Smart Integrations by @shadcn-space](https://shadcn.exchange/r/shadcn-space/integration-02): Easily integrate with popular tools your team already uses to streamline workflows, reduce manual effort, and create a connected ecosystem that improves collaboration and accelerates development.
- [Integrations 9 by @efferd](https://shadcn.exchange/r/efferd/integrations-9): Floating animated integration boxes around centered heading text.
- [Integration 01 - Unified Integrations by @shadcn-space](https://shadcn.exchange/r/shadcn-space/integration-01): Seamlessly connect your favorite tools and APIs to automate workflows, centralize data, and enhance productivity — giving developers the flexibility to build faster and scale efficiently.
- [Integrations 8 by @efferd](https://shadcn.exchange/r/efferd/integrations-8): Bento-style grid with mixed aspect ratios and integration logos.
- [Integration 04 - Enterprise Integrations by @shadcn-space](https://shadcn.exchange/r/shadcn-space/integration-04): Securely connect your entire technology stack with enterprise-grade integrations that enhance data flow, improve reliability, and give teams the flexibility to scale without operational complexity.
- [Integrations 6 by @efferd](https://shadcn.exchange/r/efferd/integrations-6): Three-column layout with centered text and connector lines to integration cards.
- [Integrations 11 by @efferd](https://shadcn.exchange/r/efferd/integrations-11): Split layout with infinite vertical slider columns of integration logos.
- [Integrations 10 by @efferd](https://shadcn.exchange/r/efferd/integrations-10): Animated integration boxes with center logo and connecting SVG pattern lines.
- [Integrations Orbit by @blockforge](https://shadcn.exchange/r/blockforge/integrations-orbit): Satellites orbiting the hub — pure CSS, still under reduced motion.
- [Integrations Hub by @blockforge](https://shadcn.exchange/r/blockforge/integrations-hub): Sources and destinations wired through one pulsing hub node.
- [Integrations 7 by @tailark](https://shadcn.exchange/r/tailark/integrations-7): Tailark integrations variant 7 block.
- [Integrations Diagram Demo by @mizzle](https://shadcn.exchange/r/mizzle/integrations-diagram-demo): Example usage of Integrations.
- [Integrations 2 by @tailark](https://shadcn.exchange/r/tailark/integrations-2): Tailark integrations variant 2 block.
- [Integrations 5 by @tailark](https://shadcn.exchange/r/tailark/integrations-5): Tailark integrations variant 5 block.
- [Integrations 10 by @tailark](https://shadcn.exchange/r/tailark/integrations-10): Tailark integrations variant 10 block.
- [Integrations 6 by @tailark](https://shadcn.exchange/r/tailark/integrations-6): Tailark integrations variant 6 block.
- [Integrations 1 by @tailark](https://shadcn.exchange/r/tailark/integrations-1): Tailark integrations variant 1 block.
- [Integrations 11 by @tailark](https://shadcn.exchange/r/tailark/integrations-11): Tailark integrations variant 11 block.
- [Integrations 9 by @tailark](https://shadcn.exchange/r/tailark/integrations-9): Tailark integrations variant 9 block.
- [Integrations by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/integrations2): Header with an App Integration badge, headline and Browse All Apps button, above a three column grid of app cards with logo, name, description and a Connect button.
- [Integration 15 - Split integrations intro with logo link grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration15): Two-column integrations section with badge, headline, CTA on the left and a dense logo grid of linked tools that reveal documentation hints on hover.
- [Integrations by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/integrations3): Compact centered section with a headline, a row of overlapping round app logos that show each app name in a tooltip, and a See all integration button.
- [Integration 25 - Paired integration cards with setup dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration25): Stacked pairing cards that show two logos joined by a connector, benefit bullets, and a setup action that opens a destination and backfill dialog.
- [Integrations by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/integrations1): Centered headline above a three column grid of integration cards, each with an app logo, name, one line description and a Learn More link button.
- [Settings Integrations 5 - Toggle Switch Integration List by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations5): A compact integration settings panel with toggle switches for quick enable/disable of connected services.
- [Integrations by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/integrations6): Headline and Browse All Apps button above two rows of logo cards that scroll horizontally in opposite directions with faded edges.
- [Integration 5 - Two-column integration overview with icon grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration5): A split layout with headline, description, and buttons on the left, and a wrapped grid of logo tiles on the right.
- [Integrations by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/integrations5): Two column layout with copy and a Browse All Apps button on the left and two columns of logo cards scrolling vertically in opposite directions on the right.
- [Integration 16 - Categorized integrations with tabs and select by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration16): Centered integrations headline with dual CTAs above categorized tool cards filtered by tabs on desktop and a select menu on mobile.
- [Integrations by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/integrations4): Two column layout with a headline, short text and Explore Integration button on the left and a grid of logo cards with app names on the right.
- [Settings Integrations 6 - Integration Table with Actions by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations6): A table-based integration management view showing service status, sync times, and action buttons for settings and removal.
- [Integration 39 - Category columns with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration39): Heading and outline browse action above category cards. Each named logo row opens a dialog to pick a sync direction.
- [Integration 23 - Hairline logo grid with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration23): Heading and short copy above a tight logo grid with an outer border. Clicking a cell opens a connect dialog with OAuth scope checkboxes.
- [Integration 10 - Integration list with connect buttons by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration10): A vertical list of integrations with icons, titles, descriptions, and outline connect buttons in a narrow centered column.
- [Integration 28 - Single integration setup with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration28): Sticky partner identity column with tags and a start-setup action beside a four-step timeline. Start setup opens a dialog for publishable and secret keys.
- [Integration 27 - Centered logo cloud with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration27): Centered heading, wrapping grayscale logo cloud, browse and request actions, and a footnote. Clicking a logo opens a connect dialog with view or full access.
- [Integration 35 - Stats row with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration35): Centered heading, four stat cards, and a dense square logo grid that ends with a plus-more tile. Clicking a logo opens a connect dialog with standard or priority support options.
- [Integration 7 - Compact integration pill row by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration7): A bordered card with a text column and two offset rows of pill-shaped integration badges with logos and gradient placeholders.
- [Integration 2 - Logo marquee with gradient fade by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration2): An auto-scrolling horizontal marquee of linked brand logos with gradient edge overlays and a centered discovery button.
- [Integration 19 - Interactive hub and spoke diagram by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration19): Circular hub diagram with clickable partner nodes. Hover highlights a spoke; click opens a settings dialog with enable and environment.
- [Settings Integrations 8 - Sidebar Category Navigation by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations8): A two-column integration browser with category sidebar navigation and scrollable list of integration items.
- [Settings Integrations 7 - Integration Cards with Footer Actions by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations7): A full-page integration browser with search, card-based layout featuring category labels and connect buttons in card footers.
- [Integration 12 - Integration permission confirmation dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration12): A centered connection prompt showing two platform logos, a permissions checklist, and cancel or connect action buttons.
- [Integration 30 - Toggle list with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration30): Settings-style list of partner rows with logos, descriptions, and working switches. Clicking a row opens a connect dialog with a notification email field and a retry-failed-jobs switch.
- [Integration 22 - Searchable integration catalog with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration22): Search field and category filters above a logo-card grid. Clicking a tile opens a connect dialog with read, write, and webhook permission checkboxes.
- [Settings Integrations3a - Integration Grid with Status Badges by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations3a): A responsive integration settings grid displaying third-party service cards with connection status badges and hover interactions.
- [Integration 29 - Wrapping chips with filters and connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration29): Heading beside category tabs that filter wrapping integration chips without shifting layout. Clicking a chip opens a dialog to choose read or write access.
- [Integration 1 - Integration cards with background pattern by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration1): Six integration cards in a two-column grid with icons, titles, descriptions, and a request integration call-to-action.
- [Settings Integrations 2 - Integration List with Status by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations2): A vertical integration list with app logos, descriptions, connected status badges, and help links in a two-column layout with sidebar CTAs.
- [Integration 14 - Draggable logo marquee with hover glow by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration14): Centered integrations pitch with outline badge, gradient headline, and a draggable auto-scrolling logo marquee that lifts and glows on hover.
- [Settings Integrations 9 - Connected Integrations with Activity by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations9): A management view for active integrations showing connection status, who connected them, and recent activity with dropdown actions.
- [Settings Integrations 1 - Integration Grid with Search by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations1): A searchable integration gallery with category filter popover, compact integration cards showing logos and categories, and filtered results display.
- [Integration 32 - Sidebar category nav with connect dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration32): Heading above a category sidebar that filters a three-column grid of logo, name, and description cards. Clicking a card opens a connect dialog with a webhook URL and environment select.
- [Integration 6 - Dark card with auto-scrolling logo carousel by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration6): A dark-themed rounded card with headline, description, a button containing a rotating logo, and an auto-scrolling logo strip below separators.
- [Integration 17 - Technical logo grid with settings dialog by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/integration17): Hairline logo grid of named partner cards with live or idle status. Clicking a card opens a settings dialog with enable, webhook, and event controls.
- [Settings Integrations 3 - Integration Cards Grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations3): A responsive grid of integration cards with large logos, descriptions, connected status badges, and hover arrow indicators for available connections.

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=integrations&price=paid`.

## Registries with the most integration blocks

- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 46 blocks, 2 free and 44 paid
- [@diarmuradi](https://shadcn.exchange/r/diarmuradi): 15 blocks, all free
- [@efferd](https://shadcn.exchange/r/efferd): 12 blocks, 5 free and 7 paid
- [@hirael](https://shadcn.exchange/r/hirael): 8 blocks, all free
- [@tailark](https://shadcn.exchange/r/tailark): 8 blocks, all paid
- [@nusaiba](https://shadcn.exchange/r/nusaiba): 7 blocks, all free
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 6 blocks, all paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 5 blocks, all paid
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 5 blocks, all free
- [@shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks): 5 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 4 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 3 blocks, 1 free and 2 paid
- [@balick](https://shadcn.exchange/r/balick): 1 block, free
- [@ballmac](https://shadcn.exchange/r/ballmac): 1 block, free
- [@mizzle](https://shadcn.exchange/r/mizzle): 1 block, paid
- [@shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard): 1 block, free
- [@shadcn-studio](https://shadcn.exchange/r/shadcn-studio): 1 block, free
- [@spectrumui](https://shadcn.exchange/r/spectrumui): 1 block, free
- [@tween-ui](https://shadcn.exchange/r/tween-ui): 1 block, free