---
title: "Integrations Grid — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Isaac Yi · Cards. Integrations Grid bundles everything a real integrations page needs — live search, auto-extracted category chips, and a responsive logo tile grid…"
canonical: "https://framer.elliotli.dev/component/integrations-grid"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Integrations Grid

# Integrations Grid

Search, filters, a logo grid page.

[View on Framer](https://framer.com/marketplace/components/integrations-grid/?via=elliot-li)

![Integrations Grid preview image 1](https://framer.elliotli.dev/og/component/integrations-grid/a02a7266447ec78c/1600x927.jpg)

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8654

## Details

- **Author**: Isaac Yi
- **Price**: $10.00
- **Published**: 2026-07-13
- **Updated**: 2026-09-24
- **Added**: 2026-07-13
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator