Search blocks

Find a block by name or category

14 Blocks

Integrations Blocks

Integrations blocks built on shadcn/ui and Base UI. Preview each one live, then install it with a single shadcn command.

Integrations 1

Free

An integrations grid of connectable services with icons.

ButtonCardDialogFieldSonnerSwitch
@remixicon/react

Integrations 2

Free

A dense logo grid showing 18 integration services, each as a compact card with only a service icon and name. No descriptions or call-to-action buttons.

BadgeButtonCardDialogSonnerToggle Group
@remixicon/react

Integrations 3

Free

Searchable integrations directory with category filter pills and a responsive grid of connectable apps

BadgeButtonCardDialogInputLabelSonnerSwitchToggle Group
@remixicon/react

Integrations 4

Free

Integration cards grid with per-card Connect/Connected toggle, Switch, badge and live connected count

BadgeButtonCardSwitch
@remixicon/react

Integrations 5

Free

A split integrations section pairing a headline, description, and CTA with a bordered grid of integration logos.

Button
@remixicon/react

Integrations 6

Pro

Pro integrations: a central product hub with SVG connectors that draw in to a ring of real brand logos, signal packets pulsing toward the hub, and spoke-hover tooltips.

ButtonTooltip
@remixicon/reactmotion

Integrations 7

Pro

Pro integrations: a branching sync pipeline where source brand logos flow through a central hub to destination logos, with connector paths that draw in and carry traveling signal packets.

Tooltip
@remixicon/reactmotion

Integrations 8

Pro

Pro integrations: a searchable, filterable integration directory with a master-detail panel that blur-swaps between apps and an animated Connect to Connected button.

Button
@remixicon/reactmotion

Integrations 9

Pro

Pro integrations: a live sync dashboard mock with a count-up events total, a ticking UTC clock, and per-integration rows showing synced/syncing status dots and progress.

@remixicon/reactmotion

Integrations 10

Pro

Pro integrations: a centered poster with brand logos arranged on an arch over a faint net-mesh backdrop, gently floating with a sequential spotlight that highlights one tool at a time.

@remixicon/reactmotion

Integrations 11

Pro

Pro integrations: a copy-left split with a floating grid of brand logos on the right whose center tile auto-cycles through featured tools with a blur-swap and a live caption.

Button
@remixicon/reactmotion

Integrations 12

Pro

Pro integrations: a corner-bracketed grid of connect cards with a category filter that animates the layout reflow and a per-card Connect to Connected button that swaps to a check.

BadgeButtonToggle Group
@remixicon/reactmotion

Integrations 13

Pro

Pro integrations: a content-left spotlight card that auto-rotates and click-swaps through featured partners with a blur cross-fade and stat pair, paired with copy, a count-up proof stat, and a selectable partner list on the right.

Button
@remixicon/reactmotion

Integrations 14

Pro

Pro integrations: a compact centered band with a keyword line, a staggered strip of brand logos that colorize on hover, and a See All Integrations button.

Button
@remixicon/reactmotion