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
FreeIntegration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast.
Integrations 2
FreeDense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.
Integrations 3
FreeSearchable integrations directory with a search input, category filter pills, and result cards that open a per-app connect dialog.
Integrations 4
FreeSettings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.
Integrations 5
FreeSplit integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.
Integrations 6
ProAnimated integrations hub where connectors draw from a central product to a ring of brand logos, with signal pulses and hover tooltips.
Integrations 7
ProSync pipeline diagram routing source app logos through a central hub to destination apps, with drawing connector paths and traveling data packets.
Integrations 8
ProSearchable, filterable integrations browser with a master-detail panel that blur-swaps between apps and an animated Connect to Connected button.
Integrations 9
ProSync dashboard mock with a count-up events total, a ticking UTC clock, and per-integration rows showing synced or syncing status dots.
Integrations 10
ProCentered integrations poster with brand logos arranged on an arch over a net mesh, floating while a spotlight highlights one tool at a time.
Integrations 11
ProCopy-left split with a floating grid of brand logos whose center tile auto-cycles through featured integrations using a blur swap and live caption.
Integrations 12
ProCorner-bracketed grid of integration connect cards with a category filter that animates layout reflow and per-card Connect to Connected buttons.
Integrations 13
ProFeatured partner spotlight that auto-rotates and click-swaps between integrations with rating and setup-time stats, beside a selectable partner list.
Integrations Blocks FAQ
Keep Browsing
Integrations blocks also appear in the free page templates above: full pages you can install with one command.