Connect Your Stack
A copy rail beside a constellation graph that fans connector lines from a central product node out to a ring of integration nodes over a fading dotted grid.
A copy rail beside a constellation graph that fans connector lines from a central product node out to a ring of integration nodes over a fading dotted grid.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Connect Your Stack turns your integrations list into a picture. A short left rail sets up the promise with an eyebrow label, a headline, a lede, and a primary CTA button. Beside it, a constellation graph fans faint connector lines from a central product node out to a ring of circular integration nodes, with a few ghost nodes at the edges to imply the rest of the catalog.
The whole graph is self-contained markup built from theme tokens and inline icons, so there is no image to export and it adapts to light and dark on its own.
Reach for this block on a logistics or delivery platform landing page where the breadth of what you connect to is part of the pitch: fleet monitoring tools, cloud providers, route optimization services, messaging channels, and the homegrown scripts your ops team already runs. It sits well in the middle of the page, once a visitor knows what you do and wants to know the platform slots into the tools they already have in place.
A natural flow around it on a Modern SaaS page:
Before
After
Every integration is one entry in the nodes array, so the graph grows and shrinks with your list. A few ways to make it yours:
Tip: keep the node count balanced around the core. Eight to ten visible nodes plus a couple of faded ghosts reads as a rich network without crowding the center.