shadcn/ui integration blocks & components.

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

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

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

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

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

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

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

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

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

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

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.

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

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

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