01 / 08Hub & spoke, 6 spokes, linked hover
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.
Integrations.
Integration sections: hub-and-spoke diagrams, integration cards and connector showcases for listing what your product connects to.
8 blocks, live at full size, install from here
02 / 08Card grid, category filter, connected state
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.
03 / 08Sticky intro, linked rows, request form
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.
04 / 08Centered hub, 6 spokes, travelling pulses
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.
05 / 08Curved pipeline, sources to targets, pulses
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.
06 / 08Arced tile row, faded grid, hover lift
Integrations 06
Centered integrations section with a row of tool tiles hung on a shallow arc over a faded grid, each lifting on hover.
07 / 08Copy + 3x3 grid, cycling featured tile
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.
08 / 08Heading, one icon row, link
Integrations 08
Minimal integrations section: a short heading, a single row of tool icons and a link to the full list.