5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T6c3,

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.

Sharing prompts instead of integrations? See Prompt Library — the same search-and-chips grid, with fill-in blanks, one-click copy, and Open in ChatGPT or Claude.

Selling digital products? See Storefront Grid — the same search-and-chips grid with prices, savings badges, a details panel and Buy links.

5a:[["$","$L5d",null,{"post":{"id":"019f59ea-a8c3-744b-b108-32eabaebae6d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fOZ9W71HnT5EGOON02YW","resolved":true,"title":"Integrations Grid","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Real-time search across name and description, case-insensitive, with a clean empty state"}]},{"type":"paragraph","content":[{"type":"text","text":"— Category chips auto-extracted from your items — set once, no manual tab wiring, and chips auto-hide with only one category"}]},{"type":"paragraph","content":[{"type":"text","text":"— Responsive tile grid (auto-fit columns) with an initials-avatar fallback for any integration without a logo yet"}]},{"type":"paragraph","content":[{"type":"text","text":"— Optional badges (\"Popular\", \"New\") with a fixed-height slot — Zero Layout Shift whether they're set or not"}]},{"type":"paragraph","content":[{"type":"text","text":"— Every card is a real link, opens in a new tab by default — no dead \"#\" placeholders"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light/dark theme, single accent color, cross-fade transitions on every state change"}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Sharing prompts instead of integrations? See Prompt Library — the same search-and-chips grid, with fill-in blanks, one-click copy, and Open in ChatGPT or Claude."}]},{"type":"paragraph","content":[{"type":"text","text":"Selling digital products? See Storefront Grid — the same search-and-chips grid with prices, savings badges, a details panel and Buy links."}]}]},"introduction":"Search, filters, a logo grid page.","slug":"integrations-grid","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019f59ea-90f4-775e-881d-61f0b8af6eb3.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1424,"height":825}}],"post":null,"createdAt":"2026-07-13T05:19:38.422Z","updatedAt":"2026-09-24T08:05:34.119Z","publishedAt":"2026-07-13T05:19:38.418Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://knowingly-report-318672.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/80aa619c-25d7-43e0-b3b5-a41f224fb999","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"9N3o4LRA2rmF7sMHolgz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T05:19:38.691Z","updatedAt":"2026-07-13T05:19:38.691Z","reported":false}}],"$L5f"]

Suggested for you