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.
The Modern SaaS Collection unlocks the source for every Modern SaaS block. All Access unlocks every Collection.
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, a headline, a lede, and a primary CTA, while a live status pill hints that work is already happening. 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 product led landing page where the breadth of what you connect to is part of the pitch: observability tools, cloud providers, CI/CD, messaging, and the homegrown scripts in between. It sits well in the middle of the page, once a visitor knows what you do and wants to know it fits the tools they already run.
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:
links array decides what connects to what. Move a node and its lines follow.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.