Integrations Grid

Most /integrations pages on SaaS sites are either a static screenshot of logos or require wiring up a CMS collection just to make them searchable. Neither scales past a dozen tools, and neither lets a visitor actually find the one integration they came looking for.

Integrations Grid bundles everything a real integrations page needs — live search, auto-extracted category chips, and a responsive logo tile grid — into one lightweight, dependency-free component.

What you get:

— Real-time search across name and description, case-insensitive, with a clean empty state

— Category chips auto-extracted from your items — set once, no manual tab wiring, and chips auto-hide with only one category

— Responsive tile grid (auto-fit columns) with an initials-avatar fallback for any integration without a logo yet

— Optional badges ("Popular", "New") with a fixed-height slot — Zero Layout Shift whether they're set or not

— Every card is a real link, opens in a new tab by default — no dead "#" placeholders

— Light/dark theme, single accent color, cross-fade transitions on every state change

Built for SaaS marketing sites and no-code builders that want a real, working integrations page — search and filters included — without wiring up a CMS collection or hard-coding a static screenshot.