Search blocks by description or jump to a page.
A clean grid of integration logos in even rows and columns. Use it on a connections page to display the apps and services your product supports.
Simple Grid opens with a centered heading and a short supporting paragraph, then a row of pill-shaped filter buttons, one per category, that let visitors narrow the list. Below that, a three-column card grid renders each integration with a logo thumbnail, the integration name and category, a one-sentence description, a star rating, a "Verified" badge, and a Connect button. Cards marked as popular carry a "Popular" badge pinned to the top corner. The section closes with a full-width "View All Integrations" button beneath the grid.
Every part of the card is driven by the integrations array, so you can swap in your own names, descriptions, logos, ratings, and category labels without touching the layout. The category filter row mirrors whatever categories you define, and the popular flag on any card is just a boolean you turn on or off per item.
Use this block on a dedicated integrations or connections page where visitors need to scan and compare what your platform supports. For a fintech or banking product, this layout suits a page that reassures prospective customers that your platform already connects to the payment processors, accounting tools, and data providers they rely on. The card format gives each integration room for a rating and a category label, which builds more trust than a bare logo grid, while the filter row keeps a long list from feeling overwhelming.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Replace the demo integrations with the real tools your platform supports, then tune the category list to match your actual catalog. A few other directions this block works well in:
Tip: keep the category list to six or seven labels so the filter row stays on one line and does not wrap into a second row on tablet viewports.