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:T7d0,

This is the AI footer pattern every modern startup is adopting. Visitors click their preferred AI, get a direct answer about your product, and keep exploring — without you writing a single FAQ. You look sharp. They get clarity. Everyone wins.

Framer uses it. Superpower uses it. Top VC sites use it. Now you can add it to any Framer project in minutes — no code, no setup, just paste and customize.

How it works

Set your prompt once. The component injects your page URL automatically and sends it to whichever AI the visitor clicks. They get a direct, conversational answer about your product without leaving their preferred tool.

What's included

5 AI models out of the box — ChatGPT, Claude, Gemini, Grok, Perplexity
Add custom models with your own logo and URL
Auto URL injection — {url} is replaced with the current page link at runtime
Full design control — icon size, padding, radius, gap, background
Show or hide labels with custom font controls
Light, dark, and custom theme support
Hover effects — opacity, scale, lift, shadow
Open in new tab or same tab
Works anywhere — footer, hero, CTA section, trust bar

Who it's for

Founders and indie hackers who want their site to feel modern and trustworthy
Framer designers delivering something extra to startup clients
Anyone building a landing page who wants visitors to self-qualify using AI agents instead of bouncing

Works out of the box. Paste it in, set your prompt, done.

Questions? DM me → @anilkody on X

5a:[["$","$L5d",null,{"post":{"id":"019e894b-dfa3-77da-b05e-7cda651ddc2c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"833ba8c4-6536-4c20-8d40-bb9444d54238","name":"Anil Kody","slug":"anilkody","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/833ba8c4-6536-4c20-8d40-bb9444d54238/8sik5hlc","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6Ktsf5Us0vBS7sEFxCUs","resolved":true,"title":"Ask AI Buttons","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is the AI footer pattern every modern startup is adopting. Visitors click their preferred AI, get a direct answer about your product, and keep exploring — without you writing a single FAQ. You look sharp. They get clarity. Everyone wins."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer uses it. Superpower uses it. Top VC sites use it. Now you can add it to any Framer project in minutes — no code, no setup, just paste and customize."}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://arixo.framer.website/","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Set your prompt once. The component injects your page URL automatically and sends it to whichever AI the visitor clicks. They get a direct, conversational answer about your product without leaving their preferred tool."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"5 AI models out of the box — ChatGPT, Claude, Gemini, Grok, Perplexity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add custom models with your own logo and URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto URL injection — {url} is replaced with the current page link at runtime"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full design control — icon size, padding, radius, gap, background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show or hide labels with custom font controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, dark, and custom theme support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover effects — opacity, scale, lift, shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open in new tab or same tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works anywhere — footer, hero, CTA section, trust bar"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Who it's for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Founders and indie hackers who want their site to feel modern and trustworthy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer designers delivering something extra to startup clients"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Anyone building a landing page who wants visitors to self-qualify using AI agents instead of bouncing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works out of the box. Paste it in, set your prompt, done.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Questions? DM me →"},{"type":"text","text":" @anilkody","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/anilkody","class":null,"target":"_blank"}}]},{"type":"text","text":" on X"}]}]},"introduction":"The AI footer button","slug":"ask-ai-buttons","author":{"framerUserId":"833ba8c4-6536-4c20-8d40-bb9444d54238","name":"Anil Kody","slug":"anilkody","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/833ba8c4-6536-4c20-8d40-bb9444d54238/8sik5hlc","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6Ktsf5Us0vBS7sEFxCUs/ask-ai-buttons-dsa46nwO8TknnwPDDyA8t1KvI2GTPV","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-24T16:45:29.225Z","updatedAt":"2026-08-27T16:52:28.227Z","publishedAt":"2026-06-02T17:05:11.587Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://askaibuttons.framer.website/","price":"15","paymentUrl":"https://futuredstudio.lemonsqueezy.com/checkout/buy/d7f7c602-502c-48b5-bce9-022a7f493fac","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"hlQkBs7TCD0eBcOjSN90","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-02T17:05:11.587Z","updatedAt":"2026-06-02T17:05:11.587Z","reported":false}}],"$L5f"]

Suggested for you