Skip to content

component

Integrations Grid

By Isaac Yi

Details

Summary

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

Description

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.

Introduction

Search, filters, a logo grid page.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600167468/148/228/309/79/15
  • All · #6746