Search blocks

Find a block by name or category

14 Blocks

Integrations Blocks

Integration showcase blocks built with shadcn/ui: dense logo grids, searchable directories with category filters, connect/connected toggles, and animated hub-and-spoke diagrams with drawing connectors. Made for the "works with your stack" section of a SaaS landing page.

Integrations 1

Free

Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast.

ButtonCardDialogFieldSonnerSwitch

Integrations 2

Free

Dense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.

BadgeButtonCardDialogSonnerToggle Group

Integrations 3

Free

Searchable integrations directory with a search input, category filter pills, and result cards that open a per-app connect dialog.

BadgeButtonCardDialogInputLabelSonnerSwitchToggle Group

Integrations 4

Free

Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.

BadgeButtonCardSwitch

Integrations 5

Free

Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.

Button

Integrations 6

Pro

Animated integrations hub where connectors draw from a central product to a ring of brand logos, with signal pulses and hover tooltips.

ButtonTooltip
motion

Integrations 7

Pro

Sync pipeline diagram routing source app logos through a central hub to destination apps, with drawing connector paths and traveling data packets.

Tooltip
motion

Integrations 8

Pro

Searchable, filterable integrations browser with a master-detail panel that blur-swaps between apps and an animated Connect to Connected button.

Button
motion

Integrations 9

Pro

Sync dashboard mock with a count-up events total, a ticking UTC clock, and per-integration rows showing synced or syncing status dots.

motion

Integrations 10

Pro

Centered integrations poster with brand logos arranged on an arch over a net mesh, floating while a spotlight highlights one tool at a time.

motion

Integrations 11

Pro

Copy-left split with a floating grid of brand logos whose center tile auto-cycles through featured integrations using a blur swap and live caption.

Button
motion

Integrations 12

Pro

Corner-bracketed grid of integration connect cards with a category filter that animates layout reflow and per-card Connect to Connected buttons.

BadgeButtonToggle Group
motion

Integrations 13

Pro

Featured partner spotlight that auto-rotates and click-swaps between integrations with rating and setup-time stats, beside a selectable partner list.

Button
motion

Integrations 14

Pro

Compact centered integrations band with a staggered strip of brand logos that colorize on hover and a See All Integrations button.

Button
motion

Integrations Blocks FAQ

Integrations blocks also appear in the free page templates above: full pages you can install with one command.